Иконка Wheel Angle Bold

solar:wheel-angle-bold

Иконка Wheel Angle Bold (solar:wheel-angle-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
Категория: Детали
Теги: wheelangle, anglebold, wheelanglebold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21 12C21 17.5228 18.9277 22 16.3714 22H8.65714C9.5236 21.4385 10.3126 20.4506 10.8562 19.2763C11.73 17.3884 12.2571 14.8154 12.2571 12C12.2571 9.18462 11.73 6.61163 10.8562 4.72375C10.3126 3.54939 9.5236 2.56147 8.65714 2H16.3714C18.9277 2 21 6.47715 21 12Z"/><path fill-rule="evenodd" d="M4.31038 5.13411C3.50898 6.86553 3 9.29254 3 12C3 14.7075 3.50898 17.1345 4.31038 18.8659C5.1335 20.6442 6.16457 21.5 7.11429 21.5C8.064 21.5 9.09507 20.6442 9.91819 18.8659C10.7196 17.1345 11.2286 14.7075 11.2286 12C11.2286 9.29254 10.7196 6.86553 9.91819 5.13411C9.09507 3.35577 8.064 2.5 7.11429 2.5C6.16457 2.5 5.1335 3.35577 4.31038 5.13411ZM5.57143 12C5.57143 15.3137 6.26219 18 7.11429 18C7.90107 18 8.5503 15.7097 8.64521 12.75H7.62857C7.20252 12.75 6.85714 12.4142 6.85714 12C6.85714 11.5858 7.20252 11.25 7.62857 11.25H8.64521C8.5503 8.29027 7.90107 6 7.11429 6C6.26219 6 5.57143 8.68629 5.57143 12Z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Wheel Angle Bold

React

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

<Icon icon="solar:wheel-angle-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:wheel-angle-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:wheel-angle-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:wheel-angle-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/wheel-angle-bold.svg" alt="Иконка Wheel Angle Bold" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →