ICONYZ
Русский
Иконка Void из набора SVG Logos

Иконка Void

logos:void

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

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

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="211" viewBox="0 0 256 211"><path fill="#abc2ab" d="M128.017 0a105.24 105.24 0 0 0-61.36 19.9L90.56 43.803a72 72 0 0 1 37.457-10.582c39.772 0 72.014 32.241 72.014 72.014a72 72 0 0 1-10.601 37.437l23.948 23.948a105.24 105.24 0 0 0 19.874-61.385C233.252 47.115 186.136 0 128.017 0"/><path fill="#478061" d="m189.376 190.57l-23.903-23.903a72 72 0 0 1-37.456 10.582c-39.773 0-72.015-32.242-72.014-72.014a72 72 0 0 1 10.601-37.437L42.656 43.85a105.24 105.24 0 0 0-19.874 61.385c0 58.12 47.115 105.235 105.235 105.235a105.24 105.24 0 0 0 61.359-19.9"/><circle cx="128" cy="105.235" r="33.503" fill="#abc2ab"/><path d="M30.592 124.81q-1.722 1.23-3.135 1.23h-4.058q-.86 0-1.352-.307q-.492-.308-.8-.923L.468 86.203a.42.42 0 0 1-.123-.307v-.37q0-.614.43-.983q.493-.43 1.538-.43H27.58q2.028 0 2.643 1.23l12.787 24.652l35.841-24.653q1.784-1.23 3.75-1.23h3.996q.8 0 .8.677q0 .553-.984 1.353zm55.761 1.23q-3.196 0-5.656-.984q-2.46-1.045-4.119-2.828t-2.52-4.18q-.86-2.46-.86-5.287q0-3.627 1.229-7.131a29.4 29.4 0 0 1 3.38-6.701a35 35 0 0 1 5.165-5.902a36.4 36.4 0 0 1 6.516-4.672a35.2 35.2 0 0 1 7.5-3.074a28.2 28.2 0 0 1 8.054-1.168h30.123q3.259 0 5.718.984q2.52.982 4.18 2.766q1.66 1.721 2.52 4.119t.861 5.225q0 3.628-1.29 7.193a28 28 0 0 1-3.443 6.701a35.6 35.6 0 0 1-5.226 5.963a37.8 37.8 0 0 1-6.578 4.734a37.7 37.7 0 0 1-7.5 3.135a29.2 29.2 0 0 1-7.93 1.107zm37.009-25.144q2.028-4.303 2.029-6.455q0-1.783-1.291-2.46q-1.23-.675-3.689-.675h-8.36q-1.785 0-3.32.491q-1.476.431-2.767 1.537q-1.29 1.107-2.52 2.951q-1.169 1.845-2.398 4.611l-2.951 6.701q-2.336 5.226-2.336 7.869q0 1.783 1.045 2.582q1.045.738 3.012.738h8.423q1.905 0 3.504-.554q1.598-.615 3.074-1.905q1.475-1.292 2.828-3.443q1.352-2.152 2.766-5.287zm20.761 25.144q-1.107 0-1.107-.738q0-.369.185-.922l17.274-38.669q.738-1.598 2.337-1.598h21.147q1.17 0 1.169.8q0 .367-.246.798l-17.214 38.669q-.737 1.66-2.336 1.66zm30.226 0q-1.107 0-1.107-.738q0-.369.185-.922l17.275-38.669q.737-1.598 2.336-1.598h49.427q3.196 0 5.656.984q2.46.982 4.119 2.766q1.659 1.721 2.52 4.119q.86 2.397.86 5.225q0 3.75-1.29 7.378a28.2 28.2 0 0 1-3.566 6.762q-2.212 3.196-5.287 5.902a35.4 35.4 0 0 1-6.578 4.672a36.2 36.2 0 0 1-7.377 3.012a28 28 0 0 1-7.746 1.107zm53.485-25.144q1.967-4.426 1.967-6.455q0-1.783-1.23-2.46q-1.23-.675-3.565-.675h-12.48l-12.172 27.48h12.418q1.845 0 3.442-.554q1.599-.615 3.013-1.905q1.475-1.353 2.828-3.443q1.413-2.152 2.828-5.287z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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