ICONYZ
Türkçe
IconPark setinden Bloom ikonu

Bloom ikonu

icon-park:bloom

Bloom ikonu (icon-park:bloom), 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
Enerji
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M6 32L18 42"/><path d="M42 32L30 42"/><path d="M24 32V44"/><path fill="#2F88FF" d="M17 11L24 4L31 11L38 10C38 10 39 14.2386 39 17C39 27 30.5 32 24 32C17.5 32 9 27 9 17C9 14.2386 10 10 10 10L17 11Z"/></g></svg>

Bloom ikonu nasıl kullanılır

React

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

<Icon icon="icon-park:bloom" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:bloom" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:bloom" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:bloom"></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:bloom"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/icon-park/bloom.svg" alt="Bloom ikonu" width="24" height="24">

Diğer ikon setlerinde Bloom ikonu

Bloom ikonu: sık sorulan sorular

Bloom 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.

Bloom ikonunu React'te nasıl kullanırım?

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

Bloom 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/bloom.svg" alt="Bloom 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ı →