ICONYZ
Türkçe
WebHostingHub Glyphs setinden Tint ikonu

Tint ikonu

whh:tint

Tint ikonu (whh:tint), WebHostingHub Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: WebHostingHub). 770 × 1025 ızgara üzerinde çizilmiştir. WebHostingHub Glyphs icons, Open Font License 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
WebHostingHub Glyphs
Yazar
WebHostingHub
Lisans
OFL-1.1
Boyut
770 × 1025
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="770" height="1025" viewBox="0 0 770 1025"><path fill="currentColor" d="M656.5 907.5Q583 984 484 1011t-198 0t-172.5-103.5t-100-179t0-204.5T113 345L385 0l272 345q73 77 99.5 179t0 204.5t-100 179M204 834q8 9 11.5 13.5T231 858t26 6q31 0 46.5-17.5T319 806q0-28-23-80.5T249.5 613T226 507q0-28 24-74.5t47-79.5l24-33h-32l-85 97q-75 93-75 208.5T204 834"/></svg>

Tint ikonu nasıl kullanılır

React

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

<Icon icon="whh:tint" width="24" />

Vue

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

<template>
  <Icon icon="whh:tint" width="24" />
</template>

Svelte

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

<Icon icon="whh:tint" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="whh:tint"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/whh/tint.svg" alt="Tint ikonu" width="24" height="24">

Diğer ikon setlerinde Tint ikonu

Tint ikonu: sık sorulan sorular

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

Evet. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

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

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