Иконка Wheel Angle Outline

solar:wheel-angle-outline

Иконка Wheel Angle Outline (solar:wheel-angle-outline) — бесплатная 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, angleoutline, wheelangleoutline

Скачать 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="M5.00196 5.23671C4.24043 6.929 3.75 9.31952 3.75 12C3.75 14.6805 4.24043 17.071 5.00196 18.7633C5.79517 20.526 6.73632 21.25 7.5 21.25C8.26368 21.25 9.20483 20.526 9.99804 18.7633C10.7596 17.071 11.25 14.6805 11.25 12C11.25 9.31952 10.7596 6.929 9.99804 5.23671C9.20483 3.47401 8.26368 2.75 7.5 2.75C6.73632 2.75 5.79517 3.47401 5.00196 5.23671ZM10.2389 2.75C10.6781 3.28594 11.0548 3.92984 11.3659 4.62116C12.2331 6.54815 12.75 9.15764 12.75 12C12.75 14.8424 12.2331 17.4518 11.3659 19.3788C11.0548 20.0702 10.6781 20.7141 10.2389 21.25H16.5C17.2637 21.25 18.2048 20.526 18.998 18.7633C19.7596 17.071 20.25 14.6805 20.25 12C20.25 9.31952 19.7596 6.929 18.998 5.23671C18.2048 3.47401 17.2637 2.75 16.5 2.75H10.2389ZM7.5 1.25H16.5C18.2216 1.25 19.5305 2.76457 20.3659 4.62116C21.2331 6.54815 21.75 9.15764 21.75 12C21.75 14.8424 21.2331 17.4518 20.3659 19.3788C19.5305 21.2354 18.2216 22.75 16.5 22.75H7.5C5.7784 22.75 4.46954 21.2354 3.63408 19.3788C2.76693 17.4518 2.25 14.8424 2.25 12C2.25 9.15764 2.76693 6.54815 3.63408 4.62116C4.46954 2.76457 5.7784 1.25 7.5 1.25ZM7.16695 7.93926C6.91427 8.94997 6.75 10.386 6.75 12C6.75 13.614 6.91427 15.05 7.16695 16.0607C7.27429 16.4901 7.39041 16.8131 7.5 17.0327C7.60959 16.8131 7.72571 16.4901 7.83305 16.0607C8.04585 15.2096 8.19594 14.0567 8.23802 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H8.23802C8.19594 9.94326 8.04585 8.79044 7.83305 7.93926C7.72571 7.50989 7.60959 7.18687 7.5 6.96732C7.39041 7.18687 7.27429 7.50989 7.16695 7.93926ZM7.67359 6.70119C7.67364 6.70159 7.6707 6.70448 7.66463 6.70868C7.67051 6.70289 7.67354 6.70079 7.67359 6.70119ZM7.33537 6.70868C7.3293 6.70448 7.32636 6.70159 7.32641 6.70119C7.32646 6.70079 7.32949 6.70289 7.33537 6.70868ZM7.32641 17.2988C7.32636 17.2984 7.3293 17.2955 7.33537 17.2913C7.32949 17.2971 7.32646 17.2992 7.32641 17.2988ZM7.66463 17.2913C7.6707 17.2955 7.67364 17.2984 7.67359 17.2988C7.67354 17.2992 7.67051 17.2971 7.66463 17.2913ZM6.27048 6.08989C6.47289 5.74744 6.86402 5.25 7.5 5.25C8.13598 5.25 8.52711 5.74744 8.72952 6.08989C8.9616 6.48254 9.1446 7.00079 9.28827 7.57546C9.57848 8.73632 9.75 10.3003 9.75 12C9.75 13.6997 9.57848 15.2637 9.28827 16.4245C9.1446 16.9992 8.9616 17.5175 8.72952 17.9101C8.52711 18.2526 8.13598 18.75 7.5 18.75C6.86402 18.75 6.47289 18.2526 6.27048 17.9101C6.0384 17.5175 5.8554 16.9992 5.71173 16.4245C5.42152 15.2637 5.25 13.6997 5.25 12C5.25 10.3003 5.42152 8.73632 5.71173 7.57546C5.8554 7.00079 6.0384 6.48254 6.27048 6.08989Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →