Иконка Chevron First Bold

solar:chevron-first-bold

Иконка Chevron First Bold (solar:chevron-first-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
Категория: Стрелки
Теги: chevronfirst, firstbold, chevronfirstbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.5 4.25C7.91421 4.25 8.25 4.58579 8.25 5V19C8.25 19.4142 7.9142 19.75 7.5 19.75C7.08579 19.75 6.75 19.4142 6.75 19V5C6.75 4.58579 7.08579 4.25 7.5 4.25Z"/><path d="M15.9307 4.51172C16.2003 4.19737 16.6738 4.16114 16.9883 4.43066C17.3026 4.70025 17.3389 5.17384 17.0693 5.48828L11.4883 12L17.0693 18.5117C17.3389 18.8262 17.3026 19.2997 16.9883 19.5693C16.6738 19.8389 16.2003 19.8026 15.9307 19.4883L9.93066 12.4883C9.68992 12.2074 9.68992 11.7926 9.93066 11.5117L15.9307 4.51172Z"/></g></svg>

Как использовать иконку Chevron First Bold

React

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

<Icon icon="solar:chevron-first-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:chevron-first-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:chevron-first-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:chevron-first-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/chevron-first-bold.svg" alt="Иконка Chevron First Bold" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →