Rounded Magnifier Bold icon

solar:rounded-magnifier-bold

The Rounded Magnifier Bold icon (solar:rounded-magnifier-bold) 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, magnifierbold, roundedmagnifierbold

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="M17.8194 19.7006C17.7302 18.6064 18.6357 17.6929 19.7205 17.783C19.9086 17.7986 20.1337 17.8671 20.363 17.9368C20.3851 17.9435 20.4073 17.9502 20.4294 17.9569C20.4494 17.9629 20.4694 17.9689 20.4894 17.975C20.7001 18.0383 20.9097 18.1013 21.0692 18.1874C21.9844 18.6818 22.2799 19.8631 21.7067 20.7363C21.6068 20.8884 21.4519 21.0441 21.2962 21.2007C21.2814 21.2156 21.2666 21.2305 21.2519 21.2454C21.2371 21.2602 21.2224 21.2752 21.2076 21.2901C21.0524 21.4471 20.898 21.6034 20.7472 21.7041C19.8816 22.2823 18.7105 21.9843 18.2204 21.0611C18.135 20.9002 18.0725 20.6888 18.0097 20.4762C18.0038 20.4561 17.9978 20.4359 17.9918 20.4157C17.9852 20.3934 17.9785 20.3711 17.9719 20.3488C17.9028 20.1175 17.8349 19.8903 17.8194 19.7006Z" clip-rule="evenodd"/><path d="M20.1278 11.1429C20.1278 16.1924 16.0697 20.2858 11.0639 20.2858C6.05804 20.2858 2 16.1924 2 11.1429C2 6.09342 6.05804 2 11.0639 2C16.0697 2 20.1278 6.09342 20.1278 11.1429Z"/></g></svg>

How to use the Rounded Magnifier Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Solar

Rounded Magnifier Bold icon FAQ

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

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

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

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

Browse all Solar icons →