جدول تناوبی · آیکون periodic-table

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

<IconPeriodicTable />
<IconPeriodicTable size={24} title="جدول تناوبی" />

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

<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="periodic-table"><path d="M3.5 4H5.25C5.85 4 6 4.15 6 4.75V6.5C6 7.1 5.85 7.25 5.25 7.25H3.5C2.9 7.25 2.75 7.1 2.75 6.5V4.75C2.75 4.15 2.9 4 3.5 4Z"/><path d="M14.75 4H16.5C17.1 4 17.25 4.15 17.25 4.75V6.5C17.25 7.1 17.1 7.25 16.5 7.25H14.75C14.15 7.25 14 7.1 14 6.5V4.75C14 4.15 14.15 4 14.75 4Z"/><path d="M3.5 7.75H5.25C5.85 7.75 6 7.9 6 8.5V10.25C6 10.85 5.85 11 5.25 11H3.5C2.9 11 2.75 10.85 2.75 10.25V8.5C2.75 7.9 2.9 7.75 3.5 7.75Z"/><path d="M14.75 7.75H16.5C17.1 7.75 17.25 7.9 17.25 8.5V10.25C17.25 10.85 17.1 11 16.5 11H14.75C14.15 11 14 10.85 14 10.25V8.5C14 7.9 14.15 7.75 14.75 7.75Z"/><path d="M3.5 11.5H5.25C5.85 11.5 6 11.65 6 12.25V14C6 14.6 5.85 14.75 5.25 14.75H3.5C2.9 14.75 2.75 14.6 2.75 14V12.25C2.75 11.65 2.9 11.5 3.5 11.5Z"/><path d="M7.25 11.5H9C9.6 11.5 9.75 11.65 9.75 12.25V14C9.75 14.6 9.6 14.75 9 14.75H7.25C6.65 14.75 6.5 14.6 6.5 14V12.25C6.5 11.65 6.65 11.5 7.25 11.5Z"/><path d="M11 11.5H12.75C13.35 11.5 13.5 11.65 13.5 12.25V14C13.5 14.6 13.35 14.75 12.75 14.75H11C10.4 14.75 10.25 14.6 10.25 14V12.25C10.25 11.65 10.4 11.5 11 11.5Z"/><path d="M14.75 11.5H16.5C17.1 11.5 17.25 11.65 17.25 12.25V14C17.25 14.6 17.1 14.75 16.5 14.75H14.75C14.15 14.75 14 14.6 14 14V12.25C14 11.65 14.15 11.5 14.75 11.5Z"/><path d="M6.5 17h7.25"/></svg>

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

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

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

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

Icon / علم / periodic-table