ICONYZ
Русский
Иконка Zoom In Fill из набора IconaMoon

Иконка Zoom In Fill

iconamoon:zoom-in-fill

Иконка Zoom In Fill (iconamoon:zoom-in-fill) — бесплатная SVG-иконка из набора IconaMoon от Dariush Habibpour. Она нарисована на сетке 24 × 24. IconaMoon icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
IconaMoon
Автор
Dariush Habibpour
Лицензия
CC-BY-4.0
Размер
24 × 24
Категория
Общее
Теги
zoomin, infill, zoominfill
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 11a9 9 0 1 1 16.032 5.618l3.675 3.675a1 1 0 0 1-1.414 1.414l-3.675-3.675A9 9 0 0 1 2 11m9-4a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H8a1 1 0 1 1 0-2h2V8a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>

Как использовать иконку Zoom In Fill

React

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

<Icon icon="iconamoon:zoom-in-fill" width="24" />

Vue

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

<template>
  <Icon icon="iconamoon:zoom-in-fill" width="24" />
</template>

Svelte

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

<Icon icon="iconamoon:zoom-in-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[iconamoon--zoom-in-fill]"></span>

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="iconamoon:zoom-in-fill"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/iconamoon/zoom-in-fill.svg" alt="Иконка Zoom In Fill" width="24" height="24">

Похожие иконки в наборе IconaMoon

Иконка zoom-in
zoom-in
 Иконка zoom-in-bold
zoom-in-bold
 Иконка zoom-in-duotone
zoom-in-duotone
 Иконка zoom-in-light
zoom-in-light
 Иконка zoom-in-thin
zoom-in-thin
 Иконка zoom-out
zoom-out
 Иконка zoom-out-bold
zoom-out-bold
 Иконка zoom-out-duotone
zoom-out-duotone
 Иконка zoom-out-fill
zoom-out-fill
 Иконка zoom-out-light
zoom-out-light
 Иконка zoom-out-thin
zoom-out-thin

Иконка Zoom In Fill в других наборах

Иконка Zoom In Fill из набора Remix Icon
Remix Icon
 Иконка Zoom In Fill из набора Mage Icons
Mage Icons
 Иконка Zoom In Fill из набора MingCute Icon
MingCute Icon
 Иконка Zoom In Fill из набора Sargam Icons
Sargam Icons

Вопросы и ответы: Иконка Zoom In Fill

Можно ли бесплатно использовать иконку Zoom In Fill в коммерческих проектах?

Да. IconaMoon icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Zoom In Fill в React?

Установите @iconify/react и выведите <Icon icon="iconamoon:zoom-in-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Zoom In Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/iconamoon/zoom-in-fill.svg" alt="Иконка Zoom In Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки IconaMoon →