کلاه رسمی · آیکون top-hat

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

<IconTopHat />
<IconTopHat size={24} title="کلاه رسمی" />

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

<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="top-hat"><path d="M7.5 3H12.5C13.7 3 14 3.3 14 4.5V11C14 12.2 13.7 12.5 12.5 12.5H7.5C6.3 12.5 6 12.2 6 11V4.5C6 3.3 6.3 3 7.5 3Z"/><path d="M2.75 12.5c2 1.5 4.5 2.25 7.25 2.25s5.25-.75 7.25-2.25M6 10h8"/></svg>

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

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

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

el.innerHTML = iconSvg("top-hat", { size: 24 });

Icon / مد و پوشاک / top-hat