Иконка Diagram Down Bold

solar:diagram-down-bold

Иконка Diagram Down Bold (solar:diagram-down-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Бизнес
Теги: diagramdown, downbold, diagramdownbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.75 2C2.75 1.58579 2.41421 1.25 2 1.25C1.58579 1.25 1.25 1.58579 1.25 2V12.0574C1.24999 14.3658 1.24998 16.1748 1.43975 17.5863C1.63399 19.031 2.03933 20.1711 2.93414 21.0659C3.82895 21.9607 4.96897 22.366 6.41371 22.5603C7.82519 22.75 9.63423 22.75 11.9426 22.75H22C22.4142 22.75 22.75 22.4142 22.75 22C22.75 21.5858 22.4142 21.25 22 21.25H12C9.62178 21.25 7.91356 21.2484 6.61358 21.0736C5.33517 20.9018 4.56445 20.5749 3.9948 20.0052C3.42514 19.4355 3.09825 18.6648 2.92637 17.3864C2.75159 16.0864 2.75 14.3782 2.75 12V2Z"/><path d="M6.58733 6.53358C6.32973 6.20921 5.85795 6.15508 5.53358 6.41267C5.20921 6.67027 5.15508 7.14205 5.41267 7.46642L8.54619 11.4122C8.77192 11.6964 8.96441 11.9388 9.13536 12.1265C9.31307 12.3215 9.50872 12.5048 9.75518 12.6366C10.3875 12.9746 11.143 12.991 11.7894 12.6808C12.0414 12.5599 12.2448 12.3853 12.4308 12.1982C12.6098 12.0181 12.8126 11.7843 13.0505 11.5101L13.0666 11.4915C13.3251 11.1937 13.4946 10.9989 13.6333 10.8593C13.7691 10.7228 13.8316 10.6851 13.8599 10.6715C14.0754 10.5681 14.3272 10.5736 14.538 10.6863C14.5657 10.7011 14.6265 10.7415 14.7561 10.8838C14.8887 11.0292 15.0496 11.2312 15.2948 11.54L18.4128 15.4664C18.6704 15.7908 19.1422 15.8449 19.4666 15.5873C19.791 15.3297 19.8451 14.858 19.5875 14.5336L16.4541 10.5879C16.2284 10.3036 16.0359 10.0612 15.865 9.87357C15.6873 9.6785 15.4916 9.49522 15.2452 9.36346C14.6129 9.02543 13.8573 9.009 13.2109 9.3192C12.9589 9.44012 12.7555 9.61472 12.5695 9.80187C12.3905 9.9819 12.1877 10.2157 11.9498 10.4899L11.9337 10.5085C11.6752 10.8064 11.5057 11.0011 11.367 11.1407C11.2313 11.2772 11.1687 11.3149 11.1404 11.3285C10.925 11.4319 10.6731 11.4264 10.4623 11.3137C10.4347 11.2989 10.3738 11.2586 10.2442 11.1163C10.1116 10.9708 9.95077 10.7689 9.70551 10.46L6.58733 6.53358Z"/></g></svg>

Как использовать иконку Diagram Down Bold

React

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

<Icon icon="solar:diagram-down-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:diagram-down-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:diagram-down-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--diagram-down-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:diagram-down-bold"></div>

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

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

<iconify-icon icon="solar:diagram-down-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/diagram-down-bold.svg" alt="Иконка Diagram Down Bold" width="24" height="24">

Вопросы и ответы: Иконка Diagram Down Bold

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

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Diagram Down Bold в React?

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

Как добавить иконку Diagram Down Bold на веб-страницу?

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

Все Иконки Solar →