Rounded Magnifier Close Bold Duotone icon

solar:rounded-magnifier-close-bold-duotone

The Rounded Magnifier Close Bold Duotone icon (solar:rounded-magnifier-close-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Search
Tags: roundedmagnifier, magnifierclose, closebold, boldduotone, roundedmagnifiercloseboldduotone

Download SVG

SVG code

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

How to use the Rounded Magnifier Close Bold Duotone icon

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>

HTML image

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

Related icons in Solar

Rounded Magnifier Close Bold Duotone icon FAQ

Is the Rounded Magnifier Close Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Rounded Magnifier Close Bold Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:rounded-magnifier-close-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Rounded Magnifier Close Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/rounded-magnifier-close-bold-duotone.svg" alt="Rounded Magnifier Close Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →