Focus One ikonu
icon-park-solid:focus-one
Focus One ikonu (icon-park-solid:focus-one), IconPark Solid setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark Solid 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 Solid
- Yazar
- ByteDance
- Lisans
- Apache-2.0
- Boyut
- 48 × 48
- Kategori
- Düzenleme
- Etiketler
- focusone
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVGV7PGtcWW"><g fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M16 6H8a2 2 0 0 0-2 2v8m10 26H8a2 2 0 0 1-2-2v-8m26 10h8a2 2 0 0 0 2-2v-8M32 6h8a2 2 0 0 1 2 2v8"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="4" d="M24 31a7 7 0 1 0 0-14a7 7 0 0 0 0 14"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="4" d="M24 17v-4m0 22v-4m11-7h-4m-14 0h-4"/><path fill="#000" d="M24 26a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGV7PGtcWW)"/></svg>Focus One ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:focus-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:focus-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:focus-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--focus-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:focus-one"></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-solid:focus-one"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park-solid/focus-one.svg" alt="Focus One ikonu" width="24" height="24">IconPark Solid setindeki benzer ikonlar
Diğer ikon setlerinde Focus One ikonu
Focus One ikonu: sık sorulan sorular
Focus One ikonu ticari kullanım için ücretsiz mi?
Evet. IconPark Solid icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Focus One ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park-solid:focus-one" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Focus One 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-solid/focus-one.svg" alt="Focus One ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.