نمودار شمعی · آیکون chart-candle

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

<IconChartCandle />
<IconChartCandle size={24} title="نمودار شمعی" />

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

<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="chart-candle"><path d="M5 6H6C6.8 6 7 6.2 7 7V11C7 11.8 6.8 12 6 12H5C4.2 12 4 11.8 4 11V7C4 6.2 4.2 6 5 6Z"/><path d="M9.5 9H10.5C11.3 9 11.5 9.2 11.5 10V12.5C11.5 13.3 11.3 13.5 10.5 13.5H9.5C8.7 13.5 8.5 13.3 8.5 12.5V10C8.5 9.2 8.7 9 9.5 9Z"/><path d="M14 5H15C15.8 5 16 5.2 16 6V10.5C16 11.3 15.8 11.5 15 11.5H14C13.2 11.5 13 11.3 13 10.5V6C13 5.2 13.2 5 14 5Z"/><path d="M5.5 3v3M5.5 12v5M10 5v4M10 13.5V17M14.5 2.75V5M14.5 11.5v3.25"/></svg>

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

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

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

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

Icon / نمودار و آمار / chart-candle