ICONYZ
Türkçe
theSVG setinden Flowith ikonu

Flowith ikonu

thesvg:flowith

Flowith ikonu (thesvg:flowith), theSVG setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 24 × 24 ızgara üzerinde çizilmiştir. theSVG icons, MIT 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
theSVG
Yazar
thesvg.org
Lisans
MIT
Boyut
24 × 24
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.152 3c-.64 0-1.158.51-1.158 1.137V18.84c0 .628.519 1.137 1.159 1.137h3.308c.64 0 1.158-.51 1.158-1.137V4.137A1.147 1.147 0 0 0 16.461 3zm-6.24.081a1.16 1.16 0 0 0-.807.323q-.003.002-.003-.002q0-.003-.003-.001l-.035.045a1 1 0 0 0-.139.181q-.165.216-.287.456L.403 14.36l-.296.654l-.016.034l-.032.07q0 .002.002.002a1.1 1.1 0 0 0-.06.369L0 18.872A1.14 1.14 0 0 0 1.152 20h3.456a1.14 1.14 0 0 0 1.152-1.128v-5.64c0-2.491 2.063-4.511 4.608-4.511a1.14 1.14 0 0 0 1.152-1.128V4.209a1.14 1.14 0 0 0-1.152-1.128zm11.328 14.1c0-1.558 1.29-2.82 2.88-2.82S24 15.623 24 17.181C24 18.736 22.71 20 21.12 20s-2.88-1.262-2.88-2.82z" clip-rule="evenodd"/></svg>

Flowith ikonu nasıl kullanılır

React

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

<Icon icon="thesvg:flowith" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:flowith" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:flowith" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:flowith"></div>

Web bileşeni

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

<iconify-icon icon="thesvg:flowith"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/thesvg/flowith.svg" alt="Flowith ikonu" width="24" height="24">

Diğer ikon setlerinde Flowith ikonu

Flowith ikonu: sık sorulan sorular

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

Evet. theSVG icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

Flowith 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/thesvg/flowith.svg" alt="Flowith ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

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