ICONYZ
Türkçe
IconPark TwoTone setinden Circle Three ikonu

Circle Three ikonu

icon-park-twotone:circle-three

Circle Three ikonu (icon-park-twotone:circle-three), IconPark TwoTone setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark TwoTone icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
IconPark TwoTone
Yazar
ByteDance
Lisans
Apache-2.0
Boyut
48 × 48
Kategori
Soyut
Etiketler
circlethree
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVGVB2dqNmI"><g fill="#555" stroke="#fff" 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></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGVB2dqNmI)"/></svg>

Circle Three ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

IconPark TwoTone setindeki benzer ikonlar

Diğer ikon setlerinde Circle Three ikonu

Circle Three ikonu: sık sorulan sorular

Circle Three ikonu ticari kullanım için ücretsiz mi?

Evet. IconPark TwoTone icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Circle Three ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="icon-park-twotone:circle-three" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Circle Three ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/icon-park-twotone/circle-three.svg" alt="Circle Three ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: IconPark TwoTone ikonları →