Rounded Magnifier Close Outline icon

solar:rounded-magnifier-close-outline

The Rounded Magnifier Close Outline icon (solar:rounded-magnifier-close-outline) 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, closeoutline, roundedmagnifiercloseoutline

Download SVG

SVG code

<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="M20.2832 18.2568C20.4831 18.2733 20.7253 18.3452 20.9863 18.4238C21.0102 18.431 21.0344 18.439 21.0586 18.4463C21.0802 18.4528 21.1016 18.4594 21.123 18.4658C21.3628 18.5373 21.5883 18.6036 21.7578 18.6943C22.7336 19.2168 23.0485 20.4658 22.4375 21.3887C22.3314 21.5489 22.1653 21.715 21.9883 21.8916C21.9723 21.9075 21.9556 21.9234 21.9395 21.9395C21.9233 21.9556 21.9075 21.9723 21.8916 21.9883C21.715 22.1653 21.5489 22.3314 21.3887 22.4375C20.4658 23.0485 19.2168 22.7336 18.6943 21.7578C18.6036 21.5883 18.5374 21.3628 18.4658 21.123C18.4594 21.1016 18.4528 21.0802 18.4463 21.0586C18.439 21.0344 18.431 21.0102 18.4238 20.9863C18.3452 20.7253 18.2733 20.4831 18.2568 20.2832C18.1617 19.1267 19.1267 18.1617 20.2832 18.2568ZM20.1582 19.751C19.9267 19.7334 19.7334 19.9267 19.751 20.1582C19.7516 20.1615 19.756 20.1878 19.7744 20.2568C19.7971 20.3419 19.8312 20.4557 19.8828 20.6279C19.9301 20.7857 19.9611 20.8879 19.9863 20.9639C20.0053 21.021 20.0152 21.0444 20.0176 21.0498C20.1231 21.2464 20.3745 21.3097 20.5605 21.1865C20.5658 21.1824 20.5861 21.1663 20.6289 21.126C20.6872 21.0711 20.7625 20.9953 20.8789 20.8789C20.9953 20.7625 21.0711 20.6872 21.126 20.6289C21.1701 20.5821 21.1853 20.5624 21.1875 20.5596C21.3092 20.374 21.2459 20.1232 21.0508 20.0176C21.0473 20.016 21.0245 20.0065 20.9639 19.9863C20.8879 19.9611 20.7857 19.9301 20.6279 19.8828C20.4557 19.8312 20.3419 19.7972 20.2568 19.7744C20.1879 19.756 20.1615 19.7516 20.1582 19.751Z" clip-rule="evenodd"/><path d="M12.2373 8.70215C12.5301 8.40932 13.0049 8.40944 13.2979 8.70215C13.5907 8.99504 13.5907 9.4698 13.2979 9.7627L12.0605 11L13.2979 12.2383C13.5906 12.5312 13.5907 13.006 13.2979 13.2988C13.005 13.5914 12.5301 13.5915 12.2373 13.2988L11 12.0615L9.7627 13.2988C9.46989 13.5915 8.99503 13.5914 8.70215 13.2988C8.40929 13.006 8.40937 12.5312 8.70215 12.2383L9.93945 11L8.70215 9.7627C8.40926 9.4698 8.40926 8.99504 8.70215 8.70215C8.99506 8.40944 9.46987 8.40932 9.7627 8.70215L11 9.93945L12.2373 8.70215Z"/><path fill-rule="evenodd" d="M11 1.25C16.3848 1.25 20.75 5.61522 20.75 11C20.75 16.3848 16.3848 20.75 11 20.75C5.61522 20.75 1.25 16.3848 1.25 11C1.25 5.61522 5.61522 1.25 11 1.25ZM11 2.75C6.44365 2.75 2.75 6.44365 2.75 11C2.75 15.5563 6.44365 19.25 11 19.25C15.5563 19.25 19.25 15.5563 19.25 11C19.25 6.44365 15.5563 2.75 11 2.75Z" clip-rule="evenodd"/></g></svg>

How to use the Rounded Magnifier Close Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:rounded-magnifier-close-outline"></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-outline"></iconify-icon>

HTML image

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

Related icons in Solar

Rounded Magnifier Close Outline icon FAQ

Is the Rounded Magnifier Close Outline 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 Outline icon in React?

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

How do I add the Rounded Magnifier Close Outline 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-outline.svg" alt="Rounded Magnifier Close Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →