ICONYZ
English
Void icon from SVG Logos

Void icon

logos:void

The Void icon (logos:void) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 211 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
256 × 211
Download SVG

SVG code

<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>

How to use the Void icon

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>

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/logos/void.svg" alt="Void icon" width="24" height="24">

Void icon FAQ

Is the Void icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Void icon in React?

Install @iconify/react and render <Icon icon="logos:void" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Void icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/void.svg" alt="Void icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →