Magnifier ikonu

whh:magnifier

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

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="M1005 1004q-19 19-45.5 19t-45.5-19L716 806q-120 89-268 89q-91 0-174-35.5T131 764T35.5 621.5T0 447.5T35.5 273T131 130.5t143-95T448 0t174 35.5t143 95T860.5 273T896 447q0 149-89 268l198 198q19 19 19 45.5t-19 45.5M448 128q-87 0-160.5 42.5T171 287t-43 160.5T171 608t116.5 116.5T448 767t160.5-42.5T725 608t43-160.5T725 287T608.5 170.5T448 128"/></svg>

Magnifier ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Diğer ikon setlerinde Magnifier ikonu

Magnifier ikonu: sık sorulan sorular

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

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

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

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