ICONYZ
Русский
Иконка Gear 1 из набора SmartIcons Glyph

Иконка Gear 1

si-glyph:gear-1

Иконка Gear 1 (si-glyph:gear-1) — бесплатная SVG-иконка из набора SmartIcons Glyph от SmartIcons. Она нарисована на сетке 17 × 17. SmartIcons Glyph icons выпущены под лицензией CC BY SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
SmartIcons Glyph
Автор
SmartIcons
Лицензия
CC-BY-SA-4.0
Размер
17 × 17
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17"><path fill="currentColor" fill-rule="evenodd" d="M8.887 10.025a3.4 3.4 0 0 0-.658-1.55l.766-.765l-.688-.687l-.771.771a3.4 3.4 0 0 0-1.542-.633V6.066h-.973v1.089a3.45 3.45 0 0 0-1.56.622l-.752-.753l-.688.688l.74.74c-.35.449-.586.985-.674 1.572H1.062v.974H2.08c.082.591.316 1.134.664 1.589l-.724.723l.688.687l.729-.729a3.44 3.44 0 0 0 1.583.642v1.048h.973v-1.054a3.45 3.45 0 0 0 1.567-.652l.746.747l.688-.688l-.746-.747c.338-.449.564-.983.645-1.564h1.059v-.974zm-3.391 2.27a1.782 1.782 0 0 1 0-3.565a1.783 1.783 0 1 1 0 3.565m8.535-7.925l1.09-.281l-.252-.979l-1.091.282a2.6 2.6 0 0 0-.461-.672a2.5 2.5 0 0 0-.647-.464l.301-1.079l-.973-.271l-.299 1.072a2.52 2.52 0 0 0-1.566.382l-.76-.776l-.721.707l.756.77a2.53 2.53 0 0 0-.441 1.575l-1.04.268l.252.977l1.038-.268c.117.243.266.475.465.678a2.5 2.5 0 0 0 .686.485l-.289 1.039l.971.271l.293-1.048c.542.033 1.092-.1 1.563-.415l.771.786l.72-.707l-.776-.791a2.54 2.54 0 0 0 .41-1.541m-2.517 1.617a1.49 1.49 0 1 1-.001-2.983a1.49 1.49 0 0 1 .001 2.983"/></svg>

Как использовать иконку Gear 1

React

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

<Icon icon="si-glyph:gear-1" width="24" />

Vue

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

<template>
  <Icon icon="si-glyph:gear-1" width="24" />
</template>

Svelte

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

<Icon icon="si-glyph:gear-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--gear-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:gear-1"></div>

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

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

<iconify-icon icon="si-glyph:gear-1"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/si-glyph/gear-1.svg" alt="Иконка Gear 1" width="24" height="24">

Похожие иконки в наборе SmartIcons Glyph

Иконка Gear 1 в других наборах

Вопросы и ответы: Иконка Gear 1

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

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

Как использовать иконку Gear 1 в React?

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

Как добавить иконку Gear 1 на веб-страницу?

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

Все Иконки SmartIcons Glyph →