چیدمان آجری · آیکون masonry

import { IconMasonry } from "@kashi-ui/icons/react";

<IconMasonry />
<IconMasonry size={24} title="چیدمان آجری" />

// یا با نام
import { Icon } from "@kashi-ui/icons/react";
<Icon name="masonry" />

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-kashi-icon="masonry"><path d="M4.5 2.75H7.5C8.9 2.75 9.25 3.1 9.25 4.5V9C9.25 10.4 8.9 10.75 7.5 10.75H4.5C3.1 10.75 2.75 10.4 2.75 9V4.5C2.75 3.1 3.1 2.75 4.5 2.75Z"/><path d="M12.5 2.75H15.5C16.9 2.75 17.25 3.1 17.25 4.5V6C17.25 7.4 16.9 7.75 15.5 7.75H12.5C11.1 7.75 10.75 7.4 10.75 6V4.5C10.75 3.1 11.1 2.75 12.5 2.75Z"/><path d="M4.5 12.25H7.5C8.9 12.25 9.25 12.6 9.25 14V15.5C9.25 16.9 8.9 17.25 7.5 17.25H4.5C3.1 17.25 2.75 16.9 2.75 15.5V14C2.75 12.6 3.1 12.25 4.5 12.25Z"/><path d="M12.5 9.25H15.5C16.9 9.25 17.25 9.6 17.25 11V15.5C17.25 16.9 16.9 17.25 15.5 17.25H12.5C11.1 17.25 10.75 16.9 10.75 15.5V11C10.75 9.6 11.1 9.25 12.5 9.25Z"/></svg>

<svg width="20" height="20" aria-hidden="true">
  <use href="/sprite.svg#k-masonry" />
</svg>

<!-- فایل جدا: @kashi-ui/icons/svg/masonry.svg -->

import { iconSvg } from "@kashi-ui/icons";

el.innerHTML = iconSvg("masonry", { size: 24 });

Icon / چیدمان / masonry