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

Иконка Zoom In

streamline-plump:zoom-in

Иконка Zoom In (streamline-plump:zoom-in) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Plump free icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
48 × 48
Категория
Основы интерфейса
Теги
zoomin
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"><path d="M37.886 32.427A18.9 18.9 0 0 0 41 22c0-10.493-8.507-19-19-19S3 11.507 3 22s8.507 19 19 19c3.863 0 7.456-1.153 10.456-3.133l.977 1.177c1.261 1.522 2.504 3.022 3.868 4.503c1.61 1.747 4.06 1.952 5.76.293a47 47 0 0 0 .801-.801c1.66-1.701 1.454-4.151-.293-5.761c-1.48-1.365-2.98-2.608-4.502-3.87q-.588-.487-1.181-.981"/><path d="M10 21.975a12 12 0 1 0 24 0a12 12 0 1 0-24 0M16 22h12m-6-6v12"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="streamline-plump:zoom-in"></iconify-icon>

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

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

Похожие иконки в наборе Plump free icons

Иконка zoom-in-gesture
zoom-in-gesture
 Иконка zoom-in-gesture-remix
zoom-in-gesture-remix
 Иконка zoom-in-gesture-solid
zoom-in-gesture-solid
 Иконка zoom-in-remix
zoom-in-remix
 Иконка zoom-in-solid
zoom-in-solid

Иконка 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 в коммерческих проектах?

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

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

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

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

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

Все Plump free icons →