ICONYZ
Русский
Иконка Chart Vertical из набора Mage Icons

Иконка Chart Vertical

mage:chart-vertical

Иконка Chart Vertical (mage:chart-vertical) — бесплатная SVG-иконка из набора Mage Icons от MageIcons. Она нарисована на сетке 24 × 24. Mage Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Mage Icons
Автор
MageIcons
Лицензия
Apache-2.0
Размер
24 × 24
Теги
chartvertical
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3" d="M13.632 6.352V4.589c0-.565-.458-1.023-1.023-1.023H7.103c-.565 0-1.023.458-1.023 1.023v1.763c0 .565.458 1.023 1.023 1.023h5.506c.565 0 1.023-.458 1.023-1.023m7.618 6.53v-1.764c0-.564-.458-1.022-1.023-1.022H7.103c-.565 0-1.023.458-1.023 1.022v1.764c0 .564.458 1.022 1.023 1.022h13.124c.565 0 1.023-.458 1.023-1.022m-3.33 6.528v-1.762c0-.565-.458-1.023-1.023-1.023H7.114c-.565 0-1.023.458-1.023 1.023v1.763c0 .565.458 1.023 1.023 1.023h9.783c.565 0 1.023-.458 1.023-1.023M2.75 3.294v17.412"/></svg>

Как использовать иконку Chart Vertical

React

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

<Icon icon="mage:chart-vertical" width="24" />

Vue

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

<template>
  <Icon icon="mage:chart-vertical" width="24" />
</template>

Svelte

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

<Icon icon="mage:chart-vertical" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--chart-vertical]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:chart-vertical"></div>

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

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

<iconify-icon icon="mage:chart-vertical"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/mage/chart-vertical.svg" alt="Иконка Chart Vertical" width="24" height="24">

Похожие иконки в наборе Mage Icons

Иконка chart
chart
 Иконка chart-15
chart-15
 Иконка chart-15-fill
chart-15-fill
 Иконка chart-25
chart-25
 Иконка chart-25-fill
chart-25-fill
 Иконка chart-50
chart-50
 Иконка chart-50-fill
chart-50-fill
 Иконка chart-b
chart-b
 Иконка chart-b-fill
chart-b-fill
 Иконка chart-down
chart-down
 Иконка chart-down-b
chart-down-b
 Иконка chart-down-b-fill
chart-down-b-fill
 Иконка chart-down-fill
chart-down-fill
 Иконка chart-fill
chart-fill
 Иконка chart-up
chart-up
 Иконка chart-up-b
chart-up-b
 Иконка chart-up-b-fill
chart-up-b-fill
 Иконка chart-up-fill
chart-up-fill
 Иконка chart-vertical-fill
chart-vertical-fill

Вопросы и ответы: Иконка Chart Vertical

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

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

Как использовать иконку Chart Vertical в React?

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

Как добавить иконку Chart Vertical на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mage/chart-vertical.svg" alt="Иконка Chart Vertical">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Mage Icons →