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

Иконка Zoom In

carbon:zoom-in

Иконка Zoom In (carbon:zoom-in) — бесплатная SVG-иконка из набора Carbon от IBM. Она нарисована на сетке 32 × 32. Carbon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Carbon
Автор
IBM
Лицензия
Apache-2.0
Размер
32 × 32
Категория
Действия
Теги
zoomin
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M18 12h-4V8h-2v4H8v2h4v4h2v-4h4z"/><path fill="currentColor" d="M21.448 20A10.86 10.86 0 0 0 24 13a11 11 0 1 0-11 11a10.86 10.86 0 0 0 7-2.552L27.586 29L29 27.586ZM13 22a9 9 0 1 1 9-9a9.01 9.01 0 0 1-9 9"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка zoom-area
zoom-area
 Иконка zoom-fit
zoom-fit
 Иконка zoom-in-area
zoom-in-area
 Иконка zoom-out
zoom-out
 Иконка zoom-out-area
zoom-out-area
 Иконка zoom-reset
zoom-reset

Иконка 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 из набора 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 из набора CoreUI Free
CoreUI Free

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

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

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

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

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

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

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

Все Иконки Carbon →