ICONYZ
Русский
Иконка Zoom из набора Huge Icons

Иконка Zoom

hugeicons:zoom

Иконка Zoom (hugeicons:zoom) — бесплатная SVG-иконка из набора Huge Icons от Hugeicons. Она нарисована на сетке 24 × 24. Huge Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Huge Icons
Автор
Hugeicons
Лицензия
MIT
Размер
24 × 24
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 10V8c0-.943 0-1.414.293-1.707S3.057 6 4 6h3c3.771 0 5.657 0 6.828 1.172S15 10.229 15 14v2c0 .943 0 1.414-.293 1.707S13.943 18 13 18h-3c-3.771 0-5.657 0-6.828-1.172S2 13.771 2 10m15.9-.93l.7-.675c1.45-1.398 2.174-2.097 2.787-1.844S22 7.803 22 9.8v4.4c0 1.997 0 2.996-.613 3.249s-1.338-.446-2.787-1.844l-.7-.675c-.888-.856-.9-.885-.9-2.107v-1.646c0-1.222.012-1.25.9-2.107"/></svg>

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

React

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

<Icon icon="hugeicons:zoom" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:zoom" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:zoom" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="hugeicons:zoom"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/hugeicons/zoom.svg" alt="Иконка Zoom" width="24" height="24">

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

Иконка zoom-circle
zoom-circle
 Иконка zoom-in
zoom-in
 Иконка zoom-in-area
zoom-in-area
 Иконка zoom-out
zoom-out
 Иконка zoom-out-area
zoom-out-area
 Иконка zoom-square
zoom-square

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

Иконка Zoom из набора Tabler Icons
Tabler Icons
 Иконка Zoom из набора Arcticons
Arcticons
 Иконка Zoom из набора CoreUI Brands
CoreUI Brands
 Иконка Zoom из набора CoreUI Free
CoreUI Free
 Иконка Zoom из набора Fluent UI MDL2
Fluent UI MDL2
 Иконка Zoom из набора Font Awesome Brands
Font Awesome Brands
 Иконка Zoom из набора Fontisto
Fontisto
 Иконка Zoom из набора Grommet Icons
Grommet Icons
 Иконка Zoom из набора IconPark
IconPark
 Иконка Zoom из набора IconPark Outline
IconPark Outline
 Иконка Zoom из набора IconPark Solid
IconPark Solid
 Иконка Zoom из набора IconPark TwoTone
IconPark TwoTone

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

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

Да. Huge Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Huge Icons →