ICONYZ
Türkçe
IconPark Solid setinden Whirlwind ikonu

Whirlwind ikonu

icon-park-solid:whirlwind

Whirlwind ikonu (icon-park-solid:whirlwind), 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
Soyut
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="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="currentColor" d="M24 29a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path d="M23.5 44C16.596 44 11 38.404 11 31.5S16.596 19 23.5 19"/><path d="M44 23.5C44 30.404 38.404 36 31.5 36S19 30.404 19 23.5"/><path d="M23.5 29C30.404 29 36 23.404 36 16.5S30.404 4 23.5 4"/><path d="M29 23.5C29 16.596 23.404 11 16.5 11S4 16.596 4 23.5"/></g></svg>

Whirlwind ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML görseli

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

Diğer ikon setlerinde Whirlwind ikonu

Whirlwind ikonu: sık sorulan sorular

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

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

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

Whirlwind 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/whirlwind.svg" alt="Whirlwind 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 Solid ikonları →