Иконка Svgo

devicon:svgo

Иконка Svgo (devicon:svgo) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><linearGradient id="SVGe8GOYbwn" x1="29.49" x2="169.71" y1="29.48" y2="169.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#45afe4"/><stop offset="1" stop-color="#364f9e"/></linearGradient><linearGradient id="SVGJueaZf4v" x1="28.05" x2="168.27" y1="30.92" y2="171.14" gradientTransform="translate(.006)scale(.63997)" href="#SVGe8GOYbwn"/><linearGradient id="SVGjKyrtbBu" x1="29.49" x2="169.71" y1="29.48" y2="169.7" gradientTransform="translate(.006)scale(.63997)" gradientUnits="userSpaceOnUse" href="#SVGe8GOYbwn"/></defs><path fill="url(#SVGjKyrtbBu)" d="M117.165 51.044a55.4 55.4 0 0 0-6.623-15.206c2.195-3.09 4.3-6.252 6.252-9.6l-15.077-15.032c-3.43 2.01-6.682 4.185-9.862 6.457a54.7 54.7 0 0 0-14.72-6.073c-.64-3.84-1.427-7.725-2.438-11.59H53.335c-.998 3.789-1.747 7.577-2.387 11.366a55 55 0 0 0-15.174 6.016c-3.052-2.17-6.182-4.256-9.478-6.176L11.212 26.284c1.818 3.103 3.77 6.066 5.798 8.959a55.1 55.1 0 0 0-7.04 15.935a134 134 0 0 0-9.964 2.15v21.337c3.091.806 6.17 1.46 9.26 2.022a55.1 55.1 0 0 0 6.836 17.388a115 115 0 0 0-4.89 7.635l15.084 15.084c2.56-1.485 4.986-3.059 7.366-4.697a55.1 55.1 0 0 0 17.817 7.423a121 121 0 0 0 1.856 8.48h21.337c.755-2.899 1.369-5.792 1.92-8.697a54.9 54.9 0 0 0 17.368-7.5c2.515 1.74 5.12 3.423 7.77 4.991l15.077-15.084c-1.677-2.86-3.481-5.606-5.357-8.32a55.2 55.2 0 0 0 6.4-16.581c3.38-.595 6.765-1.28 10.144-2.163V53.328c-3.603-.934-7.22-1.67-10.829-2.284m-37.4 51.255a40.32 40.32 0 0 1-31.703.3a.2.2 0 0 0 0-.083s0 .039-.052.045a40.48 40.48 0 0 1-22.008-22.565c-.07-.18-.147-.358-.205-.538a40.22 40.22 0 0 1 .787-30.078c.23-.55.48-1.088.749-1.626a40.6 40.6 0 0 1 20.396-19.448a39 39 0 0 1 2.694-1.043a40.3 40.3 0 0 1 13.151-2.202a39.9 39.9 0 0 1 13.817 2.458a40 40 0 0 1 2.97 1.222a40.5 40.5 0 0 1 19.43 18.937c.383.774.742 1.574 1.074 2.38a40.32 40.32 0 0 1 .755 28.658a24 24 0 0 1-.492 1.331a40.52 40.52 0 0 1-21.12 22.13a2 2 0 0 1-.242.122z"/><path fill="url(#SVGJueaZf4v)" d="M92.623 77.96a8.102 8.102 0 0 0-13.612-4.172l-6.4-4.761a11.07 11.07 0 0 0-2.918-14.463l5.19-8.877a5.523 5.523 0 1 0-2.215-1.28l-5.17 8.877a11.046 11.046 0 0 0-14.265 5.03l-10.989-4.32v-.109a5.12 5.12 0 1 0-.953 2.496l11 4.313A11.06 11.06 0 0 0 56.03 72.01l-5.12 7.98a6.841 6.841 0 1 0 2.157 1.383l5.12-7.974a11.07 11.07 0 0 0 12.895-2.33l6.4 4.78a8.102 8.102 0 1 0 15.135 2.113z"/></svg>

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

React

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

<Icon icon="devicon:svgo" width="24" />

Vue

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

<template>
  <Icon icon="devicon:svgo" width="24" />
</template>

Svelte

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

<Icon icon="devicon:svgo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--svgo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:svgo"></div>

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

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

<iconify-icon icon="devicon:svgo"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/devicon/svgo.svg" alt="Иконка Svgo" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Devicon →