ICONYZ
Bahasa Indonesia
Ikon Circle Three dari IconPark Solid

Ikon Circle Three

icon-park-solid:circle-three

Ikon Circle Three (icon-park-solid:circle-three) adalah ikon SVG gratis dari set IconPark Solid karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark Solid icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
IconPark Solid
Pembuat
ByteDance
Lisensi
Apache-2.0
Ukuran
48 × 48
Kategori
Abstrak
Tag
circlethree
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M32.904 13.927A10 10 0 0 1 24 19.37a10 10 0 0 1-8.904-5.443A14.98 14.98 0 0 0 9 26q.001 1.228.191 2.402q.4-.031.809-.032c5.523 0 10 4.477 10 10q-.002 1.047-.207 2.032c1.335.39 2.747.598 4.207.598s2.872-.209 4.207-.598A10 10 0 0 1 28 38.37c0-5.523 4.477-10 10-10q.408 0 .809.032A15 15 0 0 0 39 26c0-4.95-2.398-9.34-6.096-12.073"/><path fill-rule="evenodd" d="M24 13a4 4 0 1 0 0-8a4 4 0 0 0 0 8M9 43a4 4 0 1 0 0-8a4 4 0 0 0 0 8m30 0a4 4 0 1 0 0-8a4 4 0 0 0 0 8" clip-rule="evenodd"/></g></svg>

Cara memakai ikon Circle Three

React

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

<Icon icon="icon-park-solid:circle-three" width="24" />

Vue

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

<template>
  <Icon icon="icon-park-solid:circle-three" width="24" />
</template>

Svelte

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

<Icon icon="icon-park-solid:circle-three" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--circle-three]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:circle-three"></div>

Web component

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

<iconify-icon icon="icon-park-solid:circle-three"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icon-park-solid/circle-three.svg" alt="Ikon Circle Three" width="24" height="24">

Ikon terkait di IconPark Solid

Ikon Circle Three di set ikon lain

FAQ Ikon Circle Three

Apakah ikon Circle Three gratis untuk penggunaan komersial?

Ya. IconPark Solid icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Circle Three di React?

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

Bagaimana cara menambahkan ikon Circle Three ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park-solid/circle-three.svg" alt="Ikon Circle Three">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon IconPark Solid →