Sero icon
token:sero
The Sero icon (token:sero) is a free SVG icon from the Web3 Icons set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 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
- Web3 Icons
- Author
- 0xa3k5
- License
- MIT
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9a9 9 0 0 0-9 9a9 9 0 0 0 9 9m7.5-6.594a7.875 7.875 0 0 0-12.62-8.39l.05-.028c-.446.31-1.308 1.435-1.192 3.459s1.278 2.93 2.151 3.517l.344.231c2.127 1.425 4.394 2.944 3.755 4.246c-.058-.36-.378-1.157-1.192-1.483S8.053 14.523 7.19 14.01c-1.007-.59-2.964-2.244-2.732-4.127q.02-.155.045-.303a7.875 7.875 0 0 0 13.414 7.615c.29-.478.774-1.705.574-3.123c-.256-1.824-2.165-4.103-5.014-5.072c1.083.2 3.601 1.071 5.014 2.963c.62.83.908 1.682 1.008 2.443M15.36 8.744l.74-.257l-.455-2.906c-.836-.446-3.02-1.134-5.072-.313c-2.564 1.025-2.899 3.107-2.785 4.247s.477 1.85 1.39 2.448c.728.478 2.545 1.548 3.361 2.023c.532.323 1.573 1.225 1.481 2.25c-.113 1.283-.586 2.043-2.022 2.166c-.998.085-2.85-1.082-3.704-3.334l-.861.135l.321 2.848c.549.51 2.165 1.485 4.244 1.313c2.599-.215 4.728-1.732 4.728-4.16c0-1.944-1.271-3.1-1.907-3.435l-3.574-2.057c-.575-.362-1.866-1.787-.588-3.216c1.328-1.482 3.75.119 4.033.79q.318.736.67 1.458" clip-rule="evenodd"/></svg>How to use the Sero icon
React
import { Icon } from "@iconify/react";
<Icon icon="token:sero" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:sero" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:sero" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--sero]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:sero"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:sero"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/token/sero.svg" alt="Sero icon" width="24" height="24">Sero icon FAQ
Is the Sero icon free for commercial use?
Yes. Web3 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Sero icon in React?
Install @iconify/react and render <Icon icon="token:sero" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sero icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token/sero.svg" alt="Sero icon">, or paste the SVG code inline to style it with CSS.