Иконка Minimalistic Magnifier Zoom In Bold

solar:minimalistic-magnifier-zoom-in-bold

Иконка Minimalistic Magnifier Zoom In Bold (solar:minimalistic-magnifier-zoom-in-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Поиск
Теги: minimalisticmagnifier, magnifierzoom, zoomin, inbold, minimalisticmagnifierzoominbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M11.1562 2C16.2132 2 20.3133 6.09936 20.3135 11.1562C20.3135 16.2133 16.2133 20.3135 11.1562 20.3135C6.09936 20.3133 2 16.2132 2 11.1562C2.0002 6.09948 6.09948 2.0002 11.1562 2ZM11.1562 8.02441C10.7572 8.02453 10.4337 8.34801 10.4336 8.74707V10.4336H8.74707C8.34783 10.4336 8.02441 10.758 8.02441 11.1572C8.02457 11.5563 8.34792 11.8799 8.74707 11.8799H10.4336V13.5664C10.4336 13.9656 10.7571 14.289 11.1562 14.2891C11.5555 14.2891 11.8789 13.9656 11.8789 13.5664V11.8799H13.5664C13.9654 11.8797 14.2889 11.5562 14.2891 11.1572C14.2891 10.7581 13.9655 10.4338 13.5664 10.4336H11.8789V8.74707C11.8788 8.34794 11.5554 8.02441 11.1562 8.02441Z"/><path d="M18.8382 18.8387C19.1205 18.5564 19.5782 18.5564 19.8605 18.8387L21.7882 20.7664C22.0705 21.0487 22.0705 21.5064 21.7882 21.7887C21.5059 22.071 21.0482 22.071 20.7659 21.7887L18.8382 19.861C18.5559 19.5787 18.5559 19.121 18.8382 18.8387Z"/></g></svg>

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

React

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

<Icon icon="solar:minimalistic-magnifier-zoom-in-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:minimalistic-magnifier-zoom-in-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:minimalistic-magnifier-zoom-in-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--minimalistic-magnifier-zoom-in-bold]"></span>

UnoCSS

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

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

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

<iconify-icon icon="solar:minimalistic-magnifier-zoom-in-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/minimalistic-magnifier-zoom-in-bold.svg" alt="Иконка Minimalistic Magnifier Zoom In Bold" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →