Zoom In Area Filled ikonu

tabler:zoom-in-area-filled

Zoom In Area Filled ikonu (tabler:zoom-in-area-filled), Tabler Icons setinden ücretsiz bir SVG ikondur (yapımcı: Paweł Kuna). 24 × 24 ızgara üzerinde çizilmiştir. Tabler 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: Tabler Icons
Yazar: Paweł Kuna
Lisans: MIT
Boyut: 24 × 24
Etiketler: selected, square, magnifier, enlargement, zoom, area, location, navigation, magnify, enlarge, map, zoomin, inarea, areafilled, zoominareafilled

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15 9a6 6 0 0 1 4.891 9.476l2.816 2.817a1 1 0 0 1-1.32 1.497l-.094-.083l-2.817-2.816a6 6 0 0 1-9.472-4.666L9 15l.004-.225A6 6 0 0 1 15 9m0 3a1 1 0 0 0-.993.883L14 13v1h-1l-.117.007a1 1 0 0 0 0 1.986L13 16h1v1l.007.117a1 1 0 0 0 1.986 0L16 17v-1h1l.117-.007a1 1 0 0 0 0-1.986L17 14h-1v-1l-.007-.117A1 1 0 0 0 15 12M3 14a1 1 0 0 1 .993.883L4 15v1a1 1 0 0 0 .883.993L5 17h1a1 1 0 0 1 .117 1.993L6 19H5a3 3 0 0 1-2.995-2.824L2 16v-1a1 1 0 0 1 1-1m0-5a1 1 0 0 1 .993.883L4 10v1a1 1 0 0 1-1.993.117L2 11v-1a1 1 0 0 1 1-1m3-7a1 1 0 0 1 .117 1.993L6 4H5a1 1 0 0 0-.993.883L4 5v1a1 1 0 0 1-1.993.117L2 6V5a3 3 0 0 1 2.824-2.995L5 2zm5 0a1 1 0 0 1 .117 1.993L11 4h-1a1 1 0 0 1-.117-1.993L10 2zm5 0a3 3 0 0 1 2.995 2.824L19 5v1a1 1 0 0 1-1.993.117L17 6V5a1 1 0 0 0-.883-.993L16 4h-1a1 1 0 0 1-.117-1.993L15 2z"/></svg>

Zoom In Area Filled ikonu nasıl kullanılır

React

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

<Icon icon="tabler:zoom-in-area-filled" width="24" />

Vue

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

<template>
  <Icon icon="tabler:zoom-in-area-filled" width="24" />
</template>

Svelte

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

<Icon icon="tabler:zoom-in-area-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--zoom-in-area-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:zoom-in-area-filled"></div>

Web bileşeni

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

<iconify-icon icon="tabler:zoom-in-area-filled"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/tabler/zoom-in-area-filled.svg" alt="Zoom In Area Filled ikonu" width="24" height="24">

Tabler Icons setindeki benzer ikonlar

Zoom In Area Filled ikonu: sık sorulan sorular

Zoom In Area Filled ikonu ticari kullanım için ücretsiz mi?

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

Zoom In Area Filled ikonunu React'te nasıl kullanırım?

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

Zoom In Area Filled 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/tabler/zoom-in-area-filled.svg" alt="Zoom In Area Filled ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Tabler Icons →