Иконка Survicate Icon
logos:survicate-icon
Иконка Survicate Icon (logos:survicate-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 258. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 258
- Теги
- survicateicon
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="258" viewBox="0 0 256 258"><path fill="#171d1a" d="M64.077 59.92V.028A63.93 63.93 0 0 0 18.84 18.81C7.122 30.543.388 46.363.016 62.948L0 64.398c.057 17.007 6.81 33.298 18.786 45.318a63.93 63.93 0 0 0 43.89 18.817l1.396.015a63.93 63.93 0 0 0 45.124-18.834c11.974-12.02 18.727-28.31 18.784-45.315V.029A63.92 63.92 0 0 0 84.287 17.33c-11.86 11.115-19.082 26.335-20.21 42.589m127.8 68.646h64.077a64.53 64.53 0 0 0-17.222-43.89A63.96 63.96 0 0 0 196.34 64.37h59.613c.002-17.036-6.72-33.377-18.692-45.443A63.93 63.93 0 0 0 193.327.016L191.882 0a63.93 63.93 0 0 0-45.12 18.866c-11.676 11.738-18.378 27.539-18.737 44.097l-.015 1.402c.044 17.007 6.785 33.305 18.752 45.335a63.92 63.92 0 0 0 45.115 18.866m-127.772-.001H.028a64.53 64.53 0 0 0 17.202 43.882a63.96 63.96 0 0 0 42.365 20.323H.028c0 17.037 6.723 33.378 18.696 45.443A63.93 63.93 0 0 0 62.66 257.12l1.444.016a63.93 63.93 0 0 0 45.11-18.872c11.673-11.736 18.373-27.535 18.731-44.091l.015-1.403c-.041-17.005-6.78-33.303-18.746-45.333a63.92 63.92 0 0 0-45.11-18.872m127.982.021h-.159a63.92 63.92 0 0 0-45.133 18.834c-11.977 12.022-18.73 28.317-18.785 45.326v64.37a63.92 63.92 0 0 0 43.69-17.288c11.86-11.109 19.087-26.322 20.223-42.572v59.86a63.92 63.92 0 0 0 45.237-18.777a64.5 64.5 0 0 0 18.824-44.137l.016-1.451c-.054-17.008-6.806-33.303-18.782-45.326a63.93 63.93 0 0 0-45.131-18.839"/></svg>Как использовать иконку Survicate Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:survicate-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:survicate-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:survicate-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--survicate-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:survicate-icon"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:survicate-icon"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/survicate-icon.svg" alt="Иконка Survicate Icon" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Survicate Icon
Можно ли бесплатно использовать иконку Survicate Icon в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Survicate Icon в React?
Установите @iconify/react и выведите <Icon icon="logos:survicate-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Survicate Icon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/survicate-icon.svg" alt="Иконка Survicate Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.