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

Иконка Zoom In

typcn:zoom-in

Иконка Zoom In (typcn:zoom-in) — бесплатная SVG-иконка из набора Typicons от Stephen Hutchings. Она нарисована на сетке 24 × 24. Typicons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Typicons
Автор
Stephen Hutchings
Лицензия
CC-BY-SA-4.0
Размер
24 × 24
Теги
zoomin
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 11h-2V9a.5.5 0 0 0-1 0v2H8a.5.5 0 0 0 0 1h2v2a.5.5 0 0 0 1 0v-2h2a.5.5 0 0 0 0-1m5.432 3.97l-.536-.537l-.749-.75c.227-.688.354-1.42.354-2.183c0-3.859-3.141-7-7-7s-7 3.141-7 7s3.141 7 7 7c.763 0 1.496-.127 2.184-.354l.75.749l1.512 1.51l.061.061l.064.055a3.28 3.28 0 0 0 2.104.784a3.134 3.134 0 0 0 3.13-3.131c0-.84-.328-1.628-.924-2.218zM5.5 11.5c0-2.757 2.243-5 5-5s5 2.243 5 5s-2.243 5-5 5s-5-2.243-5-5"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="typcn:zoom-in"></iconify-icon>

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

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

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

Иконка zoom
zoom
 Иконка zoom-in-outline
zoom-in-outline
 Иконка zoom-out
zoom-out
 Иконка zoom-out-outline
zoom-out-outline
 Иконка zoom-outline
zoom-outline

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

Иконка Zoom In из набора Lucide
Lucide
 Иконка Zoom In из набора Tabler Icons
Tabler Icons
 Иконка Zoom In из набора Material Symbols
Material Symbols
 Иконка Zoom In из набора Bootstrap Icons
Bootstrap Icons
 Иконка Zoom In из набора Carbon
Carbon
 Иконка Zoom In из набора Akar Icons
Akar Icons
 Иконка Zoom In из набора BoxIcons v2
BoxIcons v2
 Иконка Zoom In из набора BoxIcons v2 Solid
BoxIcons v2 Solid
 Иконка Zoom In из набора Bytesize Icons
Bytesize Icons
 Иконка Zoom In из набора Charm Icons
Charm Icons
 Иконка Zoom In из набора Circum Icons
Circum Icons
 Иконка Zoom In из набора Codicons
Codicons

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

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

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

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

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

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

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

Все Typicons →