Иконка Rounded Magnifier Close Bold Duotone

solar:rounded-magnifier-close-bold-duotone

Иконка Rounded Magnifier Close Bold Duotone (solar:rounded-magnifier-close-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
Категория: Поиск
Теги: roundedmagnifier, magnifierclose, closebold, boldduotone, roundedmagnifiercloseboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="11" cy="11" r="9" opacity=".5"/><path d="M20.2831 18.2558C20.5012 18.2738 20.7703 18.3588 21.0585 18.4452C21.3221 18.5242 21.5732 18.5945 21.7578 18.6933C22.7332 19.2157 23.0479 20.4648 22.4374 21.3876C22.3218 21.5622 22.1341 21.7437 21.9394 21.9384C21.7447 22.133 21.5632 22.3207 21.3886 22.4364C20.4657 23.0474 19.2168 22.7325 18.6943 21.7567C18.5955 21.5721 18.5252 21.3211 18.4462 21.0575C18.3598 20.7692 18.2747 20.5002 18.2568 20.2821C18.1621 19.126 19.127 18.1608 20.2831 18.2558Z"/><path d="M12.2372 8.70107C12.5301 8.40821 13.0049 8.40826 13.2978 8.70107C13.5907 8.99397 13.5907 9.46873 13.2978 9.76162L12.0605 10.9989L13.2978 12.2362C13.5906 12.5291 13.5905 13.0039 13.2978 13.2968C13.0049 13.5897 12.5301 13.5897 12.2372 13.2968L10.9999 12.0595L9.76264 13.2968C9.46975 13.5897 8.99499 13.5897 8.70209 13.2968C8.40928 13.0039 8.40923 12.5291 8.70209 12.2362L9.9394 10.9989L8.70209 9.76162C8.4092 9.46873 8.4092 8.99397 8.70209 8.70107C8.995 8.40832 9.46979 8.40823 9.76264 8.70107L10.9999 9.93838L12.2372 8.70107Z"/></g></svg>

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

React

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

<Icon icon="solar:rounded-magnifier-close-bold-duotone" width="24" />

Vue

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

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

Svelte

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

<Icon icon="solar:rounded-magnifier-close-bold-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:rounded-magnifier-close-bold-duotone"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Solar →