Figma Component ikonu
icon-park:figma-component
Figma Component ikonu (icon-park:figma-component), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark 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
- Yazar
- ByteDance
- Lisans
- Apache-2.0
- Boyut
- 48 × 48
- Kategori
- Soyut
- Etiketler
- figmacomponent
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M17 12L24 5L31 12L24 19L17 12Z"/><path d="M17 36L24 29L31 36L24 43L17 36Z"/><path d="M29 24L36 17L43 24L36 31L29 24Z"/><path d="M5 24L12 17L19 24L12 31L5 24Z"/></g></svg>
Figma Component ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:figma-component" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:figma-component" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:figma-component" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--figma-component]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:figma-component"></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:figma-component"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park/figma-component.svg" alt="Figma Component ikonu" width="24" height="24">
IconPark setindeki benzer ikonlar
Diğer ikon setlerinde Figma Component ikonu
Figma Component ikonu: sık sorulan sorular
Figma Component ikonu ticari kullanım için ücretsiz mi?
Evet. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Figma Component ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park:figma-component" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Figma Component 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/figma-component.svg" alt="Figma Component 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 ikonları →
ICONYZ
