ICONYZ
Bahasa Indonesia
Ikon 302dotai dari theSVG Color

Ikon 302dotai

thesvg-color:302dotai

Ikon 302dotai (thesvg-color:302dotai) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 24 × 24. 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
24 × 24
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#3f3faa" d="M13.086 23.25c5.614 0 10.164-4.559 10.164-10.182S18.7 2.886 13.086 2.886S2.923 7.444 2.923 13.068c0 5.623 4.55 10.182 10.163 10.182"/><path fill="#8e47ff" d="M10.914 21.114c5.613 0 10.163-4.559 10.163-10.182S16.527.75 10.914.75S.75 5.309.75 10.932S5.3 21.114 10.914 21.114"/><path fill="#fff" d="M10.755 17.708c-.722 0-1.416-.24-1.995-.69a3.25 3.25 0 0 1-1.23-2.177a3.3 3.3 0 0 1-.006-.782q-.301.058-.618.056a3.265 3.265 0 0 1-3.261-3.262A3.27 3.27 0 0 1 7.65 7.67a3.27 3.27 0 0 1 3.241-3.638a3.266 3.266 0 0 1 3.242 3.577a3.269 3.269 0 0 1 2.694 5.693a3.23 3.23 0 0 1-2.365.782a3 3 0 0 1-.466-.066c0 .008.005.014.005.02a3.25 3.25 0 0 1-.664 2.41a3.24 3.24 0 0 1-2.583 1.259zm-1.808-4.313a2.08 2.08 0 0 0-.263 1.304a2.09 2.09 0 0 0 2.335 1.826a2.1 2.1 0 0 0 1.398-.791a2.08 2.08 0 0 0 .425-1.548a2.1 2.1 0 0 0-.405-1.004a3.3 3.3 0 0 1-.39-.462a.58.58 0 1 1 .947-.675q.065.091.137.173a.6.6 0 0 1 .111.101l.056.071a2.096 2.096 0 0 0 3.49-1.405a2.096 2.096 0 0 0-1.93-2.248a2.08 2.08 0 0 0-1.251.304a.58.58 0 0 1-.648.061a.59.59 0 0 1-.233-.796A2.102 2.102 0 0 0 10.888 5.2A2.1 2.1 0 0 0 9.14 8.457l.03.056c.61.594.993 1.42.993 2.339A3.27 3.27 0 0 1 8.947 13.4zM6.901 8.752a2.1 2.1 0 0 0-2.092 2.1c0 1.16.936 2.101 2.092 2.101a2.1 2.1 0 0 0 0-4.201"/></svg>

Cara memakai ikon 302dotai

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:302dotai" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:302dotai" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:302dotai" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--302dotai]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:302dotai"></div>

Web component

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

<iconify-icon icon="thesvg-color:302dotai"></iconify-icon>

Gambar HTML

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

Ikon 302dotai di set ikon lain

FAQ Ikon 302dotai

Apakah ikon 302dotai 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 302dotai di React?

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

Bagaimana cara menambahkan ikon 302dotai ke halaman web?

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

Lihat semua Ikon theSVG Color →