Иконка Svg

logos:svg

Иконка Svg (logos:svg) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 256. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 256

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path d="M245.235 153.524c14.012-14.012 14.011-36.811 0-50.823c-6.787-6.788-15.812-10.525-25.411-10.525c-2.28 0-4.523.208-6.712.617c9.538-6.524 15.72-17.495 15.72-29.694c0-19.816-16.122-35.937-35.938-35.937c-12.223 0-23.213 6.205-29.733 15.776c2.157-11.377-1.226-23.537-9.87-32.18C146.506 3.97 137.48.232 127.882.232S109.258 3.97 102.47 10.758C93.826 19.4 90.443 31.56 92.6 42.938c-6.519-9.57-17.509-15.776-29.733-15.776c-19.815 0-35.936 16.12-35.936 35.937c0 12.2 6.18 23.17 15.718 29.694a36.5 36.5 0 0 0-6.711-.617c-9.6 0-18.624 3.738-25.411 10.526C3.738 109.489 0 118.514 0 128.112c0 9.6 3.738 18.624 10.526 25.412c6.787 6.787 15.812 10.526 25.41 10.526c2.28 0 4.523-.208 6.712-.618c-9.538 6.525-15.718 17.496-15.718 29.695c0 19.815 16.12 35.936 35.936 35.936c12.224 0 23.215-6.206 29.734-15.776c-2.157 11.378 1.226 23.538 9.87 32.18c6.787 6.788 15.812 10.526 25.41 10.526c9.6 0 18.625-3.738 25.412-10.526c8.643-8.643 12.026-20.803 9.869-32.18c6.52 9.57 17.51 15.776 29.733 15.776c19.816 0 35.937-16.12 35.937-35.936c0-12.2-6.18-23.17-15.719-29.695c2.189.41 4.433.618 6.712.618c9.599 0 18.624-3.739 25.411-10.526"/><path fill="#ffb13b" d="M234.391 113.538c-8.049-8.048-21.099-8.048-29.148 0h-42.184l29.829-29.828c11.383 0 20.61-9.228 20.61-20.611s-9.227-20.612-20.61-20.612c-11.384 0-20.611 9.229-20.611 20.612l-29.829 29.829V50.743c8.049-8.049 8.049-21.099 0-29.148c-8.05-8.05-21.1-8.05-29.149 0s-8.049 21.1 0 29.148v42.185l-29.828-29.83c0-11.382-9.228-20.61-20.611-20.61s-20.611 9.228-20.611 20.61c0 11.384 9.228 20.612 20.61 20.612l29.83 29.828H50.504c-8.05-8.049-21.1-8.048-29.15 0c-8.048 8.05-8.048 21.1 0 29.15c8.05 8.048 21.1 8.048 29.15 0h42.183L62.86 172.515c-11.383 0-20.611 9.227-20.611 20.61c0 11.384 9.228 20.612 20.61 20.612c11.384 0 20.612-9.228 20.612-20.611l29.828-29.829v42.184c-8.049 8.049-8.049 21.1 0 29.149c8.05 8.049 21.1 8.049 29.15 0c8.048-8.05 8.048-21.1 0-29.15v-42.183l29.828 29.829c0 11.383 9.227 20.61 20.61 20.61c11.384 0 20.612-9.227 20.612-20.61c0-11.384-9.228-20.611-20.611-20.611l-29.83-29.829h42.185c8.05 8.05 21.1 8.05 29.148 0c8.05-8.049 8.05-21.1 0-29.149"/></svg>

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

React

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

<Icon icon="logos:svg" width="24" />

Vue

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

<template>
  <Icon icon="logos:svg" width="24" />
</template>

Svelte

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

<Icon icon="logos:svg" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="logos:svg"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки SVG Logos →