ICONYZ
Türkçe
WebHostingHub Glyphs setinden Lifehacker ikonu

Lifehacker ikonu

whh:lifehacker

Lifehacker ikonu (whh:lifehacker), WebHostingHub Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: WebHostingHub). 704 × 1024 ı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
704 × 1024
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="704" height="1024" viewBox="0 0 704 1024"><path fill="currentColor" d="M672 1024h-64q-13 0-22.5-9.5T576 992V480q0-45-36.5-70.5T448 384q-41 0-64 14v594q0 13-9.5 22.5T352 1024h-64q-13 0-22.5-9.5T256 992V32q0-13 9.5-22.5T288 0h64q13 0 22.5 9.5T384 32v237q24-13 64-13q107 0 181.5 64.5T704 480v512q0 13-9.5 22.5T672 1024m-512 0H32q-13 0-22.5-9.5T0 992V32Q0 19 9.5 9.5T32 0h128q13 0 22.5 9.5T192 32v960q0 13-9.5 22.5T160 1024"/></svg>

Lifehacker ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Lifehacker ikonu: sık sorulan sorular

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

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

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

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