Иконка Minimalistic Magnifier Bug Bold Duotone

solar:minimalistic-magnifier-bug-bold-duotone

Иконка Minimalistic Magnifier Bug Bold Duotone (solar:minimalistic-magnifier-bug-bold-duotone) — бесплатная 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, magnifierbug, bugbold, boldduotone, minimalisticmagnifierbugboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M18.8387 18.8387C19.121 18.5564 19.5787 18.5564 19.861 18.8387L21.7887 20.7664C22.071 21.0487 22.071 21.5064 21.7887 21.7887C21.5064 22.071 21.0487 22.071 20.7664 21.7887L18.8387 19.861C18.5564 19.5787 18.5564 19.121 18.8387 18.8387Z" clip-rule="evenodd"/><path d="M11.1566 20.3133C16.2137 20.3133 20.3133 16.2137 20.3133 11.1566C20.3133 6.09956 16.2137 2 11.1566 2C6.09956 2 2 6.09956 2 11.1566C2 16.2137 6.09956 20.3133 11.1566 20.3133Z" opacity=".5"/><path fill-rule="evenodd" d="M11 6.5C9.85918 6.5 8.8433 7.03208 8.18946 7.86036L7.50991 7.52238C7.15707 7.34689 6.72802 7.48915 6.5516 7.84014C6.37518 8.19112 6.5182 8.61792 6.87104 8.79341L7.54991 9.13106C7.47077 9.42496 7.42857 9.73389 7.42857 10.0526V10.2895H6.71429C6.3198 10.2895 6 10.6076 6 11C6 11.3924 6.3198 11.7105 6.71429 11.7105H7.42857V11.9474C7.42857 12.2661 7.47077 12.575 7.54991 12.8689L6.87104 13.2066C6.5182 13.3821 6.37518 13.8089 6.5516 14.1599C6.72802 14.5108 7.15707 14.6531 7.50991 14.4776L8.18946 14.1396C8.8433 14.9679 9.85918 15.5 11 15.5C12.1408 15.5 13.1567 14.9679 13.8105 14.1396L14.4901 14.4776C14.8429 14.6531 15.272 14.5108 15.4484 14.1599C15.6248 13.8089 15.4818 13.3821 15.129 13.2066L14.4501 12.8689C14.5292 12.575 14.5714 12.2661 14.5714 11.9474V11.7105H15.2857C15.6802 11.7105 16 11.3924 16 11C16 10.6076 15.6802 10.2895 15.2857 10.2895H14.5714V10.0526C14.5714 9.73389 14.5292 9.42496 14.4501 9.13106L15.129 8.79341C15.4818 8.61792 15.6248 8.19112 15.4484 7.84014C15.272 7.48915 14.8429 7.34689 14.4901 7.52238L13.8105 7.86036C13.1567 7.03208 12.1408 6.5 11 6.5ZM11.0003 7.9209C10.0673 7.9209 9.27352 8.51405 8.97935 9.34195H13.0212C12.727 8.51405 11.9333 7.9209 11.0003 7.9209ZM8.85742 11.9472V10.763H10.286V13.9575C9.45371 13.6649 8.85742 12.8753 8.85742 11.9472ZM11.7146 13.9575V10.763H13.1431V11.9472C13.1431 12.8753 12.5468 13.6649 11.7146 13.9575Z" clip-rule="evenodd"/></g></svg>

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

React

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

<Icon icon="solar:minimalistic-magnifier-bug-bold-duotone" width="24" />

Vue

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

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

Svelte

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

<Icon icon="solar:minimalistic-magnifier-bug-bold-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:minimalistic-magnifier-bug-bold-duotone"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Solar →