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

Иконка Zoom In Solid

streamline-plump:zoom-in-solid

Иконка Zoom In Solid (streamline-plump:zoom-in-solid) — бесплатная 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, insolid, zoominsolid
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M22 1.5C10.678 1.5 1.5 10.678 1.5 22S10.678 42.5 22 42.5a20.4 20.4 0 0 0 10.668-2.991q.437.523.87 1.047l.13.156c1.258 1.517 2.516 3.035 3.898 4.535c1.947 2.114 5.044 2.429 7.194.331a46 46 0 0 0 .819-.818c2.097-2.15 1.782-5.247-.332-7.194c-1.5-1.382-3.018-2.64-4.535-3.897l-.157-.13l-1.047-.87A20.4 20.4 0 0 0 42.5 22c0-11.322-9.178-20.5-20.5-20.5M35 22c0 7.18-5.82 13-13 13S9 29.18 9 22S14.82 9 22 9s13 5.82 13 13m-13-8.5a2.5 2.5 0 0 1 2.5 2.5v3.5H28a2.5 2.5 0 0 1 0 5h-3.5V28a2.5 2.5 0 0 1-5 0v-3.5H16a2.5 2.5 0 0 1 0-5h3.5V16a2.5 2.5 0 0 1 2.5-2.5" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка zoom-in
zoom-in
 Иконка 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 из набора Basil
Basil
 Иконка Zoom In Solid из набора Flex free icons
Flex free icons
 Иконка Zoom In Solid из набора Flowbite Icons
Flowbite Icons
 Иконка Zoom In Solid из набора Teenyicons
Teenyicons

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

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

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

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

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

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

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

Все Plump free icons →