Microscope icon
whh:microscope
The Microscope icon (whh:microscope) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 769 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 769 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="769" height="1024" viewBox="0 0 769 1024"><path fill="currentColor" d="M769 448q0 134-72.5 243.5T507 855q61 25 97.5 70t36.5 99H128q0-41 22.5-78t61.5-64q-51-13-116-50q-15-7-23.5-25T64 768q-26 0-45-19T0 703.5t19-45T64 640h256q27 0 45.5 18.5t18.5 45t-18.5 45.5t-45.5 19q87 0 161-43t117-116.5T641 448q0-72-30.5-135.5T527 204l-55 86q0 1-1 1.5l-1 .5l9 5q24 13 31 39t-7 49L401 544q-14 23-40.5 30t-50.5-7l-116-64q-24-13-31-39t7-49l101-159q14-22 40-29t50 5L489 29q13-21 39-27t49 6t29.5 35.5T600 88l-5 7q81 63 127.5 155T769 448"/></svg>
How to use the Microscope icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:microscope" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:microscope" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:microscope" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--microscope]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:microscope"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:microscope"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/microscope.svg" alt="Microscope icon" width="24" height="24">
Microscope icon in other icon sets
Microscope icon FAQ
Is the Microscope icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Microscope icon in React?
Install @iconify/react and render <Icon icon="whh:microscope" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Microscope icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/microscope.svg" alt="Microscope icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
