Иконка Cog 1 Outline

glyphs:cog-1-outline

Иконка Cog 1 Outline (glyphs:cog-1-outline) — бесплатная SVG-иконка из набора Glyphs от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Glyphs
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80
Теги: cogoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M47.486 25.981A15.856 15.856 0 1 0 31.63 53.445A15.856 15.856 0 0 0 47.486 25.98M33.63 29.445a11.857 11.857 0 1 1 11.856 20.537A11.857 11.857 0 0 1 33.63 29.445" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M33.926 10.538a29.7 29.7 0 0 1 11.257-.001a3.92 3.92 0 0 1 2.894 2.423l1.638 4.147l.007.009q.014.016.056.037a25 25 0 0 1 4.207 2.429a.2.2 0 0 0 .071.032l4.41-.655a3.92 3.92 0 0 1 3.546 1.294a29.7 29.7 0 0 1 5.628 9.749a3.92 3.92 0 0 1-.653 3.717l-2.772 3.492l-.004.01a.2.2 0 0 0-.004.067a25 25 0 0 1 0 4.857q-.003.046.004.066l.004.011l2.77 3.49a3.92 3.92 0 0 1 .653 3.718a29.7 29.7 0 0 1-5.632 9.75a3.92 3.92 0 0 1-3.545 1.294l-4.407-.655l-.011.002a.2.2 0 0 0-.06.03a25 25 0 0 1-4.204 2.427l-.063.046l-1.636 4.14a3.92 3.92 0 0 1-2.893 2.424c-3.72.717-7.545.717-11.264-.001a3.92 3.92 0 0 1-2.893-2.423l-1.635-4.141l-.007-.009a.2.2 0 0 0-.056-.037a25 25 0 0 1-4.203-2.426a.2.2 0 0 0-.06-.03l-.011-.002l-4.403.654a3.92 3.92 0 0 1-3.545-1.293a29.7 29.7 0 0 1-5.633-9.755a3.92 3.92 0 0 1 .652-3.717l2.768-3.487l.004-.01a.2.2 0 0 0 .004-.067a25 25 0 0 1 0-4.855a.2.2 0 0 0-.004-.067l-.004-.01l-2.77-3.489a3.92 3.92 0 0 1-.652-3.716a29.7 29.7 0 0 1 5.628-9.754a3.92 3.92 0 0 1 3.546-1.294l4.407.655l.071-.032a25 25 0 0 1 4.206-2.428a.2.2 0 0 0 .056-.037l.007-.01l1.637-4.146a3.92 3.92 0 0 1 2.893-2.423m10.44 3.915l1.629 4.125a4.1 4.1 0 0 0 2.132 2.218a21 21 0 0 1 3.528 2.038a4.1 4.1 0 0 0 2.987.737l4.387-.652a25.7 25.7 0 0 1 4.81 8.332l-2.758 3.473a4.1 4.1 0 0 0-.855 2.956a21 21 0 0 1 0 4.073a4.1 4.1 0 0 0 .855 2.956l2.756 3.47a25.7 25.7 0 0 1-4.813 8.334l-4.384-.65a4.1 4.1 0 0 0-2.986.736a21 21 0 0 1-3.527 2.036a4.1 4.1 0 0 0-2.131 2.218l-1.627 4.119a25.7 25.7 0 0 1-9.628-.001l-1.626-4.119a4.1 4.1 0 0 0-2.131-2.218a21 21 0 0 1-3.526-2.035a4.1 4.1 0 0 0-2.986-.737l-4.38.65a25.7 25.7 0 0 1-4.815-8.337l2.754-3.468a4.1 4.1 0 0 0 .855-2.955a21 21 0 0 1 0-4.072a4.1 4.1 0 0 0-.855-2.955l-2.756-3.47a25.7 25.7 0 0 1 4.811-8.336l4.383.652a4.1 4.1 0 0 0 2.988-.737a21 21 0 0 1 3.527-2.037a4.1 4.1 0 0 0 2.132-2.219l1.629-4.124a25.7 25.7 0 0 1 9.621-.001" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m64.215 42.222l2.77 3.49a3.92 3.92 0 0 1 .653 3.718a29.7 29.7 0 0 1-5.632 9.75a3.92 3.92 0 0 1-3.545 1.294l-4.407-.655l-.011.002a.2.2 0 0 0-.06.03a25 25 0 0 1-4.204 2.427l-.063.046l-1.636 4.14a3.92 3.92 0 0 1-2.893 2.424c-3.72.717-7.545.717-11.264-.001a3.92 3.92 0 0 1-2.893-2.423l-1.635-4.141l-.007-.009a.2.2 0 0 0-.056-.037a25 25 0 0 1-4.203-2.426a.2.2 0 0 0-.06-.03l-.011-.002l-4.403.654a3.92 3.92 0 0 1-3.545-1.293a29.7 29.7 0 0 1-5.633-9.755a3.92 3.92 0 0 1 .652-3.717l2.768-3.487l.004-.01a.2.2 0 0 0 .004-.067a25 25 0 0 1 0-4.855a.2.2 0 0 0-.004-.067l-.004-.01l-2.77-3.489a3.92 3.92 0 0 1-.652-3.716a29.7 29.7 0 0 1 5.628-9.754a3.92 3.92 0 0 1 3.546-1.294l4.407.655l.071-.032a25 25 0 0 1 4.206-2.428a.2.2 0 0 0 .056-.037l.007-.01l1.637-4.146a3.92 3.92 0 0 1 2.893-2.423a29.7 29.7 0 0 1 11.257-.001a3.92 3.92 0 0 1 2.894 2.423l1.638 4.147m14.5 25.115h-.001m0 0l-.003-.01a.2.2 0 0 1-.004-.067a25 25 0 0 0 0-4.857a.2.2 0 0 1 .008-.077m0 0h-.001m0 0l2.773-3.492a3.92 3.92 0 0 0 .653-3.717a29.7 29.7 0 0 0-5.628-9.75a3.92 3.92 0 0 0-3.545-1.293l-4.41.655m0 0h-.002m.001 0l-.011-.002a.2.2 0 0 1-.06-.03a25 25 0 0 0-4.207-2.429a.2.2 0 0 1-.063-.046m0 0v.002m-3.72 1.469l-1.629-4.125a25.7 25.7 0 0 0-9.621.001l-1.63 4.124a4.1 4.1 0 0 1-2.13 2.219a21 21 0 0 0-3.528 2.037a4.1 4.1 0 0 1-2.988.737l-4.383-.652a25.7 25.7 0 0 0-4.81 8.337l2.755 3.47a4.1 4.1 0 0 1 .855 2.955a21 21 0 0 0 0 4.071a4.1 4.1 0 0 1-.855 2.955l-2.754 3.468a25.7 25.7 0 0 0 4.815 8.338l4.38-.65a4.1 4.1 0 0 1 2.986.736a21 21 0 0 0 3.526 2.035a4.1 4.1 0 0 1 2.131 2.218l1.626 4.119a25.7 25.7 0 0 0 9.628.001l1.627-4.119a4.1 4.1 0 0 1 2.131-2.218a21 21 0 0 0 3.526-2.036a4.1 4.1 0 0 1 2.987-.737l4.384.651a25.7 25.7 0 0 0 4.813-8.333l-2.756-3.471a4.1 4.1 0 0 1-.855-2.956a21 21 0 0 0 0-4.074a4.1 4.1 0 0 1 .855-2.955l2.758-3.473a25.7 25.7 0 0 0-4.81-8.332l-4.387.652a4.1 4.1 0 0 1-2.987-.737a21 21 0 0 0-3.528-2.038a4.1 4.1 0 0 1-2.132-2.218m-.509 10.867A11.857 11.857 0 1 0 33.63 49.982a11.857 11.857 0 0 0 11.856-20.537M31.63 25.981a15.856 15.856 0 1 1 15.856 27.464A15.856 15.856 0 0 1 31.63 25.98"/></g></svg>

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

React

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

<Icon icon="glyphs:cog-1-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:cog-1-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:cog-1-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cog-1-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cog-1-outline"></div>

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

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

<iconify-icon icon="glyphs:cog-1-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/glyphs/cog-1-outline.svg" alt="Иконка Cog 1 Outline" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Glyphs →