Home/Libraries/Plump color icons (Iconify)/microscope-observation-sciene

Plump color icons (Iconify)

MicroscopeObservationSciene

License: CC-BY-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 48 48"><g fill="none" stroke-width="1.5"><path fill="#818cf8" d="M7.969 40.156c-.688.019-1.36.292-1.624.928C6.16 41.532 6 42.161 6 43s.16 1.468.345 1.916c.264.636.936.91 1.624.928C9.973 45.9 15.129 46 26 46s16.027-.1 18.031-.156c.688-.019 1.36-.292 1.624-.928c.185-.448.345-1.077.345-1.916s-.16-1.468-.345-1.916c-.264-.636-.936-.91-1.624-.928C42.027 40.1 36.871 40 26 40s-16.027.1-18.031.156m4.214-16.436c.082 1.15.915 2.028 2.063 2.132c.89.08 2.125.148 3.754.148s2.864-.068 3.754-.148c1.148-.104 1.981-.983 2.063-2.132c.092-1.315.183-3.44.183-6.72s-.09-5.405-.183-6.72c-.082-1.15-.915-2.028-2.063-2.132C20.864 8.068 19.63 8 18 8s-2.864.068-3.754.148c-1.148.104-1.981.983-2.063 2.132C12.091 11.595 12 13.72 12 17s.09 5.405.183 6.72"/><path fill="#818cf8" d="M21.984 8.18a114 114 0 0 0-.11-3.992c-.053-1.098-.784-1.991-1.878-2.099C19.466 2.037 18.806 2 18 2c-.805 0-1.466.037-1.995.09c-1.095.107-1.825 1-1.879 2.098c-.043.896-.086 2.187-.11 3.992q.113-.021.23-.032C15.136 8.068 16.371 8 18 8s2.863.068 3.754.148q.117.01.229.032ZM23.997 16c-.016-2.72-.097-4.544-.18-5.72c-.076-1.065-.798-1.898-1.817-2.097V8h4c9.941 0 18 8.059 18 18v14.155a434 434 0 0 0-8-.12V26c0-5.523-4.477-10-10-10z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M22 8h4c9.941 0 18 8.059 18 18v14M24 16h2c5.523 0 10 4.477 10 10v14m-28.031.156c-.688.019-1.36.292-1.624.928C6.16 41.532 6 42.161 6 43s.16 1.468.345 1.916c.264.636.936.91 1.624.928C9.973 45.9 15.129 46 26 46s16.027-.1 18.031-.156c.688-.019 1.36-.292 1.624-.928c.185-.448.345-1.077.345-1.916s-.16-1.468-.345-1.916c-.264-.636-.936-.91-1.624-.928C42.027 40.1 36.871 40 26 40s-16.027.1-18.031.156"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M12.183 23.72c.082 1.15.915 2.028 2.063 2.132c.89.08 2.125.148 3.754.148s2.864-.068 3.754-.148c1.148-.104 1.981-.983 2.063-2.132c.092-1.315.183-3.44.183-6.72s-.09-5.405-.183-6.72c-.082-1.15-.915-2.028-2.063-2.132C20.864 8.068 19.63 8 18 8s-2.864.068-3.754.148c-1.148.104-1.981.983-2.063 2.132C12.091 11.595 12 13.72 12 17s.09 5.405.183 6.72"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M21.982 8.18a113 113 0 0 0-.11-3.992c-.053-1.098-.784-1.991-1.878-2.099A21 21 0 0 0 17.999 2c-.805 0-1.465.037-1.995.09c-1.095.107-1.825 1-1.879 2.098c-.043.896-.086 2.187-.11 3.992M36 34H10"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MicroscopeObservationScieneIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.