Zero icon
thesvg:zero
The Zero icon (thesvg:zero) is a free SVG icon from the theSVG set by thesvg.org. It is drawn on a 242 × 241 grid. theSVG icons are released under the MIT 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
- theSVG
- Author
- thesvg.org
- License
- MIT
- Size
- 242 × 241
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="242" height="241" viewBox="0 0 242 241"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M138.969 1.168a100.5 100.5 0 0 1 16.5 3.675c15.485 4.843 30.121 12.485 42.686 22.778a117 117 0 0 1 11.098 10.358c17.745 18.876 29.085 43.394 31.901 69.154c2.129 19.473-.658 39.3-7.759 57.539c-1.678 4.308-3.787 5.972-8.631 5.93c-31.215-.27-62.433-.174-93.65-.197c-1.516-.002-3.031-.001-4.903-.001c.568-2.442 2.266-3.274 3.441-4.442c17.585-17.48 35.207-34.924 52.822-52.377c12.175-12.062 16.271-26.216 9.6-42.241c-6.693-16.082-19.839-22.949-36.916-22.993c-40.96-.104-81.918-.173-122.876-.256c-2.163-.004-4.325-.001-6.32-.001c-1.13-2.062.526-2.825 1.29-3.763c9.075-11.148 19.969-20.792 32.39-28.061C83.133 2.529 111.887-2.52 138.97 1.168"/><path d="M217.447 192.658c-9.652 12.908-20.388 22.992-33.26 30.637c-72.578 43.107-170.306 3.599-182.968-87.228c-2.89-20.723-.773-41.505 7.767-61.158c1.183-2.723 2.175-4.663 5.808-4.65c34.213.127 68.428.065 102.64.085c.497 0 .993.337 1.568.546c-.53 2.3-2.458 3.187-3.783 4.507c-17.853 17.79-35.87 35.419-53.607 53.322c-10.525 10.623-13.763 23.539-9.37 37.769c4.123 13.348 13.542 21.904 27.244 24.75c9.75 2.025 19.835.779 29.768.865c34.408.298 68.818.388 103.228.555c1.309.006 2.619 0 4.965 0"/><path d="M87.929 170.333c-6.347-.111-11.05-3.011-13.785-8.664c-2.996-6.198-1.933-12.048 2.832-16.925c9.695-9.924 19.555-19.69 29.376-29.491c13.331-13.302 26.663-26.603 40.048-39.851c4.988-4.936 10.872-6.401 17.468-3.603c5.79 2.456 9.243 8.382 8.932 14.813c-.193 3.96-1.892 7.239-4.644 9.983a103080 103080 0 0 1-69.098 68.83c-3.06 3.047-6.664 4.942-11.13 4.908"/></g></svg>
How to use the Zero icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:zero" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:zero" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:zero" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--zero]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:zero"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:zero"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg/zero.svg" alt="Zero icon" width="24" height="24">
Zero icon in other icon sets
Zero icon FAQ
Is the Zero icon free for commercial use?
Yes. theSVG icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Zero icon in React?
Install @iconify/react and render <Icon icon="thesvg:zero" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Zero icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg/zero.svg" alt="Zero icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG icons →
ICONYZ
