Иконка Arrow Down From Line Bold Duotone

solar:arrow-down-from-line-bold-duotone

Иконка Arrow Down From Line Bold Duotone (solar:arrow-down-from-line-bold-duotone) — бесплатная 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
Категория: Стрелки действий
Теги: arrowdown, downfrom, fromline, linebold, boldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20 3.75C20.4142 3.75 20.75 3.41421 20.75 3C20.75 2.58579 20.4142 2.25 20 2.25L4 2.25C3.58579 2.25 3.25 2.58579 3.25 3C3.25 3.41421 3.58579 3.75 4 3.75L20 3.75Z"/><path d="M12.7501 8L12.7501 19.0684L15.4464 16.1191C15.7258 15.8135 16.2002 15.792 16.506 16.0713C16.8116 16.3507 16.8331 16.8252 16.5538 17.1309L12.5538 21.5059C12.4117 21.6613 12.2107 21.75 12.0001 21.75C11.7895 21.75 11.5885 21.6613 11.4464 21.5059L7.44639 17.1309C7.16709 16.8251 7.18861 16.3507 7.49424 16.0713C7.79995 15.792 8.27437 15.8135 8.55381 16.1191L11.2501 19.0684L11.2501 8C11.2501 7.58579 11.5859 7.25 12.0001 7.25C12.4143 7.25 12.7501 7.58579 12.7501 8Z" opacity=".5"/></g></svg>

Как использовать иконку Arrow Down From Line Bold Duotone

React

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

<Icon icon="solar:arrow-down-from-line-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:arrow-down-from-line-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:arrow-down-from-line-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--arrow-down-from-line-bold-duotone]"></span>

UnoCSS

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

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

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

<iconify-icon icon="solar:arrow-down-from-line-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/arrow-down-from-line-bold-duotone.svg" alt="Иконка Arrow Down From Line Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Arrow Down From Line Bold Duotone

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

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

Как использовать иконку Arrow Down From Line Bold Duotone в React?

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

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

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

Все Иконки Solar →