ICONYZ
Bahasa Indonesia
Ikon Seonib dari theSVG Color

Ikon Seonib

thesvg-color:seonib

Ikon Seonib (thesvg-color:seonib) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 960 × 960. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
theSVG Color
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
960 × 960
Download SVG

Kode SVG

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

Cara memakai ikon Seonib

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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/seonib.svg" alt="Ikon Seonib" width="24" height="24">

FAQ Ikon Seonib

Apakah ikon Seonib gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Seonib di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:seonib" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Seonib ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/seonib.svg" alt="Ikon Seonib">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →