Иконка Course Down Bold

solar:course-down-bold

Иконка Course Down Bold (solar:course-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
Категория: Бизнес
Теги: coursedown, downbold, coursedownbold

Скачать 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="M1.46856 6.47078C1.76084 6.17728 2.23571 6.17628 2.52922 6.46856L6.44789 10.3708C6.96167 10.8825 7.29478 11.2119 7.57219 11.4228C7.83228 11.6205 7.95393 11.6426 8.03449 11.6426C8.11506 11.6427 8.23672 11.6206 8.49695 11.4231C8.77452 11.2125 9.10787 10.8833 9.62203 10.372L9.89627 10.0993C10.3651 9.63304 10.7692 9.23116 11.1362 8.9526C11.5297 8.654 11.9668 8.42808 12.505 8.42802C13.0432 8.42796 13.4804 8.65377 13.8739 8.95229C14.241 9.23077 14.6452 9.63256 15.1142 10.0987L21.25 16.1971V12.4542C21.25 12.04 21.5858 11.7042 22 11.7042C22.4142 11.7042 22.75 12.04 22.75 12.4542V18C22.75 18.4142 22.4142 18.75 22 18.75H16.4179C16.0036 18.75 15.6679 18.4142 15.6679 18C15.6679 17.5858 16.0036 17.25 16.4179 17.25H20.1815L14.0916 11.1973C13.5778 10.6866 13.2447 10.3577 12.9673 10.1473C12.7073 9.95006 12.5857 9.92801 12.5052 9.92802C12.4247 9.92803 12.3031 9.95011 12.0431 10.1474C11.7658 10.3579 11.4327 10.6868 10.919 11.1976L10.6448 11.4704C10.1755 11.937 9.77105 12.3393 9.40375 12.618C9.01003 12.9168 8.57254 13.1428 8.03395 13.1426C7.49535 13.1424 7.05802 12.9161 6.66452 12.617C6.29742 12.338 5.89326 11.9355 5.42433 11.4685C5.41275 11.4569 5.40112 11.4453 5.38945 11.4337L1.47078 7.53144C1.17728 7.23916 1.17628 6.76429 1.46856 6.47078Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →