IconSearch logoIconsearch
Home/Libraries/Cuida Icons (Iconify)/monitor-outline
← Back to Search
Cuida Icons (Iconify)

MonitorOutline

License: Apache-2.0Commercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M5.62 3h12.808c.246 0 .54 0 .799.022c.3.025.73.09 1.177.327a3 3 0 0 1 1.247 1.247c.237.447.302.877.327 1.177c.022.259.022.553.022.8v6.854c0 .246 0 .54-.022.799c-.025.3-.09.73-.327 1.177a3 3 0 0 1-1.247 1.247c-.366.188-.767.3-1.177.327c-.259.022-.553.022-.8.022H5.573c-.246 0-.54 0-.799-.022c-.3-.025-.73-.09-1.177-.327a3 3 0 0 1-1.247-1.247a3 3 0 0 1-.327-1.177C2 13.968 2 13.674 2 13.427V6.573c0-.246 0-.54.022-.799c.025-.3.09-.73.327-1.177A3 3 0 0 1 3.596 3.35c.366-.188.766-.3 1.177-.327C5.032 3 5.326 3 5.573 3zM4.116 5.532C4 5.752 4 6.042 4 6.62v6.76c0 .579 0 .868.116 1.088a1 1 0 0 0 .416.416c.22.116.51.116 1.088.116h12.76c.579 0 .868 0 1.088-.116a1 1 0 0 0 .416-.416c.116-.22.116-.509.116-1.088V6.62c0-.579 0-.868-.116-1.088a1 1 0 0 0-.416-.416C19.248 5 18.959 5 18.38 5H5.62c-.579 0-.868 0-1.088.116a1 1 0 0 0-.416.416" clip-rule="evenodd"/><path fill="#818cf8" fill-rule="evenodd" d="M12 16a1 1 0 0 1 1 1v3a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1" clip-rule="evenodd"/><path fill="#818cf8" fill-rule="evenodd" d="M6 20a1 1 0 0 1 1-1h10a1 1 0 0 1 0 2H7a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. MonitorOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.

Related Icons in Cuida Icons (Iconify)

Browse all Cuida Icons (Iconify) icons →
alert-outline
alert-outline
ambulance-outline
ambulance-outline
arrow-down-circle-outline
arrow-down-circle-outline
arrow-down-outline
arrow-down-outline
arrow-left-circle-outline
arrow-left-circle-outline
arrow-left-outline
arrow-left-outline
arrow-right-circle-outline
arrow-right-circle-outline
arrow-right-outline
arrow-right-outline
arrow-up-circle-outline
arrow-up-circle-outline
arrow-up-outline
arrow-up-outline
at-outline
at-outline
attachment-clip-outline
attachment-clip-outline