Magnifier Bug Outline icon

solar:magnifier-bug-outline

The Magnifier Bug Outline icon (solar:magnifier-bug-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: magnifierbug, bugoutline, magnifierbugoutline, magnifer bug outline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.5 2.75C6.66751 2.75 2.75 6.66751 2.75 11.5C2.75 16.3325 6.66751 20.25 11.5 20.25C16.3325 20.25 20.25 16.3325 20.25 11.5C20.25 6.66751 16.3325 2.75 11.5 2.75ZM1.25 11.5C1.25 5.83908 5.83908 1.25 11.5 1.25C17.1609 1.25 21.75 5.83908 21.75 11.5C21.75 14.0605 20.8111 16.4017 19.2589 18.1982L22.5303 21.4697C22.8232 21.7626 22.8232 22.2374 22.5303 22.5303C22.2374 22.8232 21.7626 22.8232 21.4697 22.5303L18.1982 19.2589C16.4017 20.8111 14.0605 21.75 11.5 21.75C5.83908 21.75 1.25 17.1609 1.25 11.5ZM8.54893 8.18594C9.23546 7.31164 10.3021 6.75 11.5 6.75C12.6979 6.75 13.7645 7.31164 14.4511 8.18594L15.1646 7.82918C15.5351 7.64394 15.9856 7.79411 16.1708 8.16459C16.3561 8.53507 16.2059 8.98558 15.8354 9.17082L15.1226 9.52723C15.2057 9.83746 15.25 10.1636 15.25 10.5V10.75H16C16.4142 10.75 16.75 11.0858 16.75 11.5C16.75 11.9142 16.4142 12.25 16 12.25H15.25V12.5C15.25 12.8364 15.2057 13.1625 15.1226 13.4728L15.8354 13.8292C16.2059 14.0144 16.3561 14.4649 16.1708 14.8354C15.9856 15.2059 15.5351 15.3561 15.1646 15.1708L14.4511 14.8141C13.7645 15.6884 12.6979 16.25 11.5 16.25C10.3021 16.25 9.23546 15.6884 8.54893 14.8141L7.83541 15.1708C7.46493 15.3561 7.01442 15.2059 6.82918 14.8354C6.64394 14.4649 6.79411 14.0144 7.16459 13.8292L7.8774 13.4728C7.79431 13.1625 7.75 12.8364 7.75 12.5V12.25H7C6.58579 12.25 6.25 11.9142 6.25 11.5C6.25 11.0858 6.58579 10.75 7 10.75H7.75V10.5C7.75 10.1636 7.79431 9.83746 7.8774 9.52723L7.16459 9.17082C6.79411 8.98558 6.64394 8.53507 6.82918 8.16459C7.01442 7.79411 7.46493 7.64394 7.83541 7.82918L8.54893 8.18594ZM9.25 11.25V12.5C9.25 13.4797 9.87611 14.3131 10.75 14.622V11.25H9.25ZM12.25 11.25V14.622C13.1239 14.3131 13.75 13.4797 13.75 12.5V11.25H12.25ZM13.622 9.75H9.37803C9.68691 8.87611 10.5203 8.25 11.5 8.25C12.4797 8.25 13.3131 8.87611 13.622 9.75Z" clip-rule="evenodd"/></svg>

How to use the Magnifier Bug Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:magnifier-bug-outline"></div>

Web component

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

<iconify-icon icon="solar:magnifier-bug-outline"></iconify-icon>

HTML image

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

Related icons in Solar

Magnifier Bug Outline icon FAQ

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

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

How do I add the Magnifier Bug Outline icon to a web page?

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

Browse all Solar icons →