Seonib icon
thesvg-color:seonib
The Seonib icon (thesvg-color:seonib) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 960 × 960 grid. theSVG Color 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 Color
- Author
- thesvg.org
- License
- MIT
- Size
- 960 × 960
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960"><path fill="#6c4de5" d="M0 0h960v960H0z"/><g fill="#fff" fill-rule="evenodd"><path d="m200 800l3 1l4 5h4l1 1h13l6 2l-1 1h-15v1l86 1l1 1l118-1l1-1h24l1-1l296 1v-1h-43l-1-1l1-1h52l1-1h12l6-4v-1l-3-1l-13-1l-3-2l-10-3l-95-1l-1-1H474l-1 1l-2-1l-1 1l-70 1l-1 1H258l-1-1l-42-1l-1 1h-7Z"/><path d="m315 810l1-1h18l1 1l-1 1h-18Zm74-1l-5 2h-8l-1-1l1-1h7l1-1h4Zm-149 0l1-1h32l1 1h37l1 1l-1 1h-48l-1-1h-21Zm374-2l1-1h10l1 1l-1 1h-10Zm-22 0l1-1h15l1 1l-1 1h-15Zm-103 1l-1 1h-59l-1 1h-37l-1-1l1-1l72-1l1-1l1 1h16l1-1Zm71-1l-1 1h-60l-1-1l1-1h36l1-1l23 1Zm209-63l-6-1l-1-2l-5-4h-28l-1-1l2-2l2 1l2-1h13l1 1l1-1l3 1l1-1h-17l-1-1h-60l-1-1h-94l-1 1h-55l-1 1H423l1 2l-1 1l-3-1l1-2h-28v1h23l1 1l-1 1h-8l-1 1l-34 1l-6 4v2l2-1l2 1h7l7 3h4l5 3h39l1-1h38l1 1l1-1h3l1 1l2-1h73l1-1h53l1-1h43l1 1h43l1 1h61l1-1h3l4-3l4-1Z"/><path d="m443 736l1-1h19l1 1l-1 1h-19Zm-15 0l1-1h9l1 1l-1 1h-9Zm-134-50l-1-6l-3-2h-2l-3-2l-12-1l-1-1h-21l-1 1l-35 1l-7 2l-5 4v2l2 2l9 2l3 3h4l1 1h17l1-1h30l1 1l1-1h12l4-2h4Zm473-6l-3-3l-28-2l-1-1l-71-2l-1 1h-44l-1 1l-66 1l-1 1l-84 1l-1 1l-7 1v1l-3 2l-1 4l3 3h3l9 3l3-1l3 1h60l1-1l99-2l1-1h64l1 1l6-1l1 1h29l1-1h20l3-3l4-1l1-1Zm-65-333l-1 1l-1 9l-2 4l-3 13l-2 2v2l-5 8l-9 8l-12 6h-3l-7 3l-14 3l18 3l11 4l9 5l9 9l4 7l6 18v4l2 7l1-9l1-1l2-10l5-11l4-6l9-9l10-5l8-2l3-2h4l5-2h5v-1l-12-2l-4-2l-6-1l-13-6l-5-4l-10-15l-1-5l-2-3Zm-190-54l-34 35l-34 29l-13 9l-3 1l-6 5l-3 1l-5 4h-2l-10 7h-2l-11 7l-30 14l1 9l2 6v5l1 1v5l1 1l1 17l1 1l1 29l1 1v50l-1 1l-1 34l-1 1v9l-1 1v7l-1 1v7l-1 1v7l-1 1v8l-1 1v6l-4 11v3l-2 5v5l-1 1l1 9l4 7l2-1l16-31l8-12v-2l5-7l8-16l10-15v-2l4-5l3-7l4-5l5-10l19-31l3-7l5-7v-3l-2-2l-5-11v-15l6-11l8-8l9-5h21l10 6l8 8l5 12v15l-5 11l-9 9l-10 5h-19l-12 26l-4 5l-10 19l-20 32l-8 15l-4 5l-2 5l-7 10l-12 23l-5 7l-5 11h11l2-1l8-9l11-10l27-21l32-22l5-2l30-18l45-22l5-1l10-5l11-3l9-4l14-3l-1-22l-1-1v-62l1-1v-12l1-1l2-21l1-1v-5l2-5v-5l2-5v-5l1-1l2-11l3-7v-3l6-13l1-6l-10-7l-7-3l-17-12l-13-7l-22-15l-7-3l-3-3Zm247-13v3l-4 13l-5 9l-7 7l-18 7l-9 1v1h7l1 1l7 1l14 7l6 6l5 10l1 6l2 4v4l6-20l11-12l12-5h3l5-2h6v-1l-10-1l-6-3l-5-1l-8-5l-4-4l-2-5l-2-2v-2l-4-8ZM592 138l-6 3l-6 7v2l-6 8l-24 41l-14 21l-14 24l-9 12l-2 5v5l2 2l10 5l6 5l34 20l5 4l12 6l29 19l13 7l10 8l14 7l16-25l2-5l4-5l13-23l6-8l10-18l3-3l1-3l18-27l1-3v-18l-1-1v-3l-5-6l-19-10l-10-7l-15-8l-8-6l-10-5l-41-27l-3-1Z"/></g></svg>How to use the Seonib icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:seonib" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:seonib" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:seonib" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--seonib]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:seonib"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:seonib"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/seonib.svg" alt="Seonib icon" width="24" height="24">Seonib icon FAQ
Is the Seonib icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Seonib icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:seonib" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Seonib icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/seonib.svg" alt="Seonib icon">, or paste the SVG code inline to style it with CSS.