Иконка Chart Stock Up Sharp Fill

keyline-icons:chart-stock-up-sharp-fill

Иконка Chart Stock Up Sharp Fill (keyline-icons:chart-stock-up-sharp-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: chartstock, stockup, upsharp, sharpfill, chartstockupsharpfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 2L21 2C21.5523 2 22 2.4477 22 3L22 21C22 21.5523 21.5523 22 21 22L3 22C2.4477 22 2 21.5523 2 21L2 3C2 2.4477 2.4477 2 3 2ZM4.001 12.5848L4.001 15.4132L7 12.4142L9.2929 14.7071C9.4804 14.8946 9.7348 15 10 15C10.2652 15 10.5196 14.8946 10.7071 14.7071L15 10.4142L16.2929 11.7071C16.4804 11.8946 16.7348 12 17 12C17.2652 12 17.5196 11.8946 17.7071 11.7071L19.999 9.4152L19.999 6.5868L17 9.5858L15.7071 8.2929C15.5196 8.1054 15.2652 8 15 8C14.7348 8 14.4804 8.1054 14.2929 8.2929L10 12.5858L7.7071 10.2929C7.5196 10.1054 7.2652 10 7 10C6.7348 10 6.4804 10.1054 6.2929 10.2929L4.001 12.5848Z" clip-rule="evenodd"/></svg>

Как использовать иконку Chart Stock Up Sharp Fill

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:chart-stock-up-sharp-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:chart-stock-up-sharp-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:chart-stock-up-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--chart-stock-up-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:chart-stock-up-sharp-fill"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:chart-stock-up-sharp-fill"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/chart-stock-up-sharp-fill.svg" alt="Иконка Chart Stock Up Sharp Fill" width="24" height="24">

Вопросы и ответы: Иконка Chart Stock Up Sharp Fill

Можно ли бесплатно использовать иконку Chart Stock Up Sharp Fill в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Chart Stock Up Sharp Fill в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:chart-stock-up-sharp-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Chart Stock Up Sharp Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/chart-stock-up-sharp-fill.svg" alt="Иконка Chart Stock Up Sharp Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →