Ícone Rounded Magnifier Close Bold Duotone

solar:rounded-magnifier-close-bold-duotone

O ícone Rounded Magnifier Close Bold Duotone (solar:rounded-magnifier-close-bold-duotone) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Busca
Tags: roundedmagnifier, magnifierclose, closebold, boldduotone, roundedmagnifiercloseboldduotone

Baixar SVG

Código 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>

Como usar o ícone 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>

Web component

<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>

Imagem HTML

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

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Rounded Magnifier Close Bold Duotone

O ícone Rounded Magnifier Close Bold Duotone é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Rounded Magnifier Close Bold Duotone no React?

Instale @iconify/react e renderize <Icon icon="solar:rounded-magnifier-close-bold-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Rounded Magnifier Close Bold Duotone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/rounded-magnifier-close-bold-duotone.svg" alt="Ícone Rounded Magnifier Close Bold Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →