ICONYZ
Türkçe
Phosphor setinden Finn The Human Thin ikonu

Finn The Human Thin ikonu

ph:finn-the-human-thin

Finn The Human Thin ikonu (ph:finn-the-human-thin), Phosphor setinden ücretsiz bir SVG ikondur (yapımcı: Phosphor Icons). 256 × 256 ızgara üzerinde çizilmiştir. Phosphor 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
Phosphor
Yazar
Phosphor Icons
Lisans
MIT
Boyut
256 × 256
Etiketler
adventure time, cartoons, television, tv, character, finnthe, thehuman, humanthin, finnthehumanthin
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M168 108H88a36 36 0 0 0-36 36v8a36 36 0 0 0 36 36h80a36 36 0 0 0 36-36v-8a36 36 0 0 0-36-36m28 44a28 28 0 0 1-28 28H88a28 28 0 0 1-28-28v-8a28 28 0 0 1 28-28h80a28 28 0 0 1 28 28Zm12-108a28 28 0 0 0-27.71 24H75.71A28 28 0 0 0 20 72v80a68.07 68.07 0 0 0 68 68h80a68.07 68.07 0 0 0 68-68V72a28 28 0 0 0-28-28m20 108a60.07 60.07 0 0 1-60 60H88a60.07 60.07 0 0 1-60-60V72a20 20 0 0 1 40 0a4 4 0 0 0 4 4h112a4 4 0 0 0 4-4a20 20 0 0 1 40 0Zm-128-4a8 8 0 1 1-8-8a8 8 0 0 1 8 8m72 0a8 8 0 1 1-8-8a8 8 0 0 1 8 8"/></svg>

Finn The Human Thin ikonu nasıl kullanılır

React

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

<Icon icon="ph:finn-the-human-thin" width="24" />

Vue

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

<template>
  <Icon icon="ph:finn-the-human-thin" width="24" />
</template>

Svelte

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

<Icon icon="ph:finn-the-human-thin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--finn-the-human-thin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:finn-the-human-thin"></div>

Web bileşeni

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

<iconify-icon icon="ph:finn-the-human-thin"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/ph/finn-the-human-thin.svg" alt="Finn The Human Thin ikonu" width="24" height="24">

Phosphor setindeki benzer ikonlar

Finn The Human Thin ikonu: sık sorulan sorular

Finn The Human Thin ikonu ticari kullanım için ücretsiz mi?

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

Finn The Human Thin ikonunu React'te nasıl kullanırım?

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

Finn The Human Thin 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/ph/finn-the-human-thin.svg" alt="Finn The Human Thin ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

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