Иконка Gear 48
energy-icons:gear-48
Иконка Gear 48 (energy-icons:gear-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Energy Icons
- Автор
- Sam Passmore
- Лицензия
- MIT
- Размер
- 48 × 48
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="m27.095 5.268l.095.004a1 1 0 0 1 .9.895l.47 4.652l1.533.635l3.625-2.956l.076-.057a1 1 0 0 1 1.263.124l4.377 4.377a1 1 0 0 1 .067 1.34l-2.957 3.623l.634 1.532l4.654.473a1 1 0 0 1 .9.994v6.19a1 1 0 0 1-.9.996l-4.653.47l-.635 1.533l2.957 3.625a1 1 0 0 1-.067 1.339l-4.377 4.377a1 1 0 0 1-1.34.067l-3.624-2.957l-1.532.635l-.471 4.653a1 1 0 0 1-.995.9h-6.19a1 1 0 0 1-.995-.9l-.473-4.654l-1.532-.634l-3.623 2.957a1 1 0 0 1-1.34-.067l-4.377-4.377a1 1 0 0 1-.067-1.34l2.956-3.624l-.635-1.532l-4.652-.471a1 1 0 0 1-.9-.995v-6.19a1 1 0 0 1 .9-.995l4.653-.473l.634-1.532l-2.956-3.623a1 1 0 0 1 .067-1.34l4.377-4.377a1 1 0 0 1 1.34-.067l3.623 2.956l1.532-.634l.473-4.653l.014-.095a1 1 0 0 1 .98-.804zm-5.728 6.348a1 1 0 0 1-.612.824l-2.636 1.091a1 1 0 0 1-1.014-.148l-3.388-2.765l-3.099 3.099l2.765 3.388a1 1 0 0 1 .148 1.014l-1.091 2.636a1 1 0 0 1-.824.612l-4.348.44v4.383l4.348.442l.135.022c.308.075.565.293.689.59l1.091 2.636a1 1 0 0 1-.148 1.015l-2.765 3.386l3.099 3.099l3.388-2.763l.11-.079a1 1 0 0 1 .904-.07l2.636 1.092a1 1 0 0 1 .612.823l.442 4.348h4.381l.442-4.348l.022-.135c.075-.308.293-.565.59-.688l2.636-1.092l.13-.044a1 1 0 0 1 .884.193l3.387 2.763l3.099-3.099l-2.763-3.386a1 1 0 0 1-.15-1.015l1.093-2.636l.06-.123a1 1 0 0 1 .763-.49l4.348-.44v-4.383l-4.348-.44a1 1 0 0 1-.823-.613l-1.092-2.636a1 1 0 0 1 .15-1.014l2.762-3.388l-3.099-3.099l-3.386 2.765a1 1 0 0 1-1.015.148l-2.636-1.091a1 1 0 0 1-.612-.824l-.442-4.348h-4.38z"/><path fill="currentColor" d="M28 24a4 4 0 1 0-8.002.001A4 4 0 0 0 28 24m2 0a6 6 0 1 1-12.001-.001a6 6 0 0 1 12 .001"/></svg>Как использовать иконку Gear 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:gear-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:gear-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:gear-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--gear-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:gear-48"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:gear-48"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/gear-48.svg" alt="Иконка Gear 48" width="24" height="24">Похожие иконки в наборе Energy Icons
Вопросы и ответы: Иконка Gear 48
Можно ли бесплатно использовать иконку Gear 48 в коммерческих проектах?
Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Gear 48 в React?
Установите @iconify/react и выведите <Icon icon="energy-icons:gear-48" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Gear 48 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/gear-48.svg" alt="Иконка Gear 48">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.