Home/Libraries/Freehand free icons (Iconify)/presentation-projector-screen-bars

Freehand free icons (Iconify)

PresentationProjectorScreenBars

License: CC-BY-4.0

ICON SIZE

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 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.637 14.679H22.05c.22-2.116.539-4.211.729-6.317c.09-.918.15-1.836.18-2.764q.067-1.262 0-2.525a4 4 0 0 0-.53-1.786A2 2 0 0 0 21.292.42a7.4 7.4 0 0 0-1.776-.18C18.348.18 17.18.11 16.003.07L13.668 0h-2.375c-.798 0-1.577.12-2.365.18L6.234.44L4.418.538a2.77 2.77 0 0 0-2.585 1.357c-.479.908-.38 2.295-.4 3.992l-.059 2.664l.09 5.119a.29.29 0 1 0 .579 0l.05-5.1l.14-2.644c.079-1.526 0-2.784.418-3.592c.28-.499.829-.758 1.826-.798l1.827-.05l2.714-.22c.778-.06 1.556-.1 2.325-.13c.768-.03 1.547 0 2.325 0l5.808.17a7 7 0 0 1 1.546.1c.25.06.47.209.619.42c.245.408.389.87.42 1.346q.072 1.207 0 2.415c0 .908 0 1.806-.1 2.704c-.15 2.126-.42 4.222-.58 6.357c-1.506-.08-2.993-.22-4.54-.28c-1.108 0-2.205-.06-3.313-.06c-1.756 0-3.492 0-4.99.12c-2.753.13-5.498.37-8.262.59a.29.29 0 0 0-.255.196a.3.3 0 0 0-.014.112a.28.28 0 0 0 .3.27l10.297-.15c-.06.5-.11.998-.12 1.497q-.036.699 0 1.397c0 .5.07.998.11 1.497a1.8 1.8 0 0 0-.868.26q-.464.274-.888.608c-.509.41-.998.818-1.527 1.247q-.762.646-1.447 1.378a.3.3 0 0 0 0 .409a.28.28 0 0 0 .4 0c.389-.33.798-.639 1.217-.938c.629-.44 1.287-.849 1.996-1.248q.383-.27.798-.489a.9.9 0 0 1 .4-.13c.167.01.331.058.478.14q.478.248.918.56c.709.438 1.427.867 2.126 1.316c.459.3.908.61 1.337.938a.33.33 0 1 0 .42-.499c-.41-.379-.85-.748-1.288-1.097c-.659-.52-1.337-.998-1.996-1.517a9 9 0 0 0-.998-.689l-.25-.1c.08-.528.15-1.057.18-1.596a9 9 0 0 0 0-.878a9 9 0 0 0 0-.878c0-.41-.1-.809-.15-1.208l5.42-.08c1.596 0 3.172.06 4.75.06c.688 0 1.376 0 2.065-.05a.32.32 0 0 0 .3-.389a.33.33 0 0 0-.35-.29"/><path d="M8.499 7.584a1.8 1.8 0 0 0-.18-.599a1.49 1.49 0 0 0-1.367-.539a2.19 2.19 0 0 0-1.696.868a1.4 1.4 0 0 0-.11.56c0 .299.06.648.07.877c0 .46 0 .909.1 1.358c.07.668.15 1.337.26 1.995v.32a.28.28 0 0 0 .328.24c1.298-.1 2.605-.1 3.902-.13c0 0 1.437 0 1.686-.06c.809 0 1.607-.12 2.405-.2c.799-.08 1.567-.25 2.345-.36c.33 0 .65-.08.998-.09a.32.32 0 0 0 .05-.628a.32.32 0 0 0 .18-.24l.29-3.771c.05-.53.129-1.098.139-1.657a5 5 0 0 0-.09-1.207a1.28 1.28 0 0 0-.758-.928a3.3 3.3 0 0 0-1.317-.11c-.275 0-.548.044-.809.13a.77.77 0 0 0-.409.349c-.122.294-.18.61-.17.928c0 .569.14 1.277.16 1.647c.07.848.13 1.706.16 2.564s.05 1.567.08 2.355h-1.507l.08-2.485a5 5 0 0 0 0-.818a1.13 1.13 0 0 0-.31-.499a.63.63 0 0 0-.419-.21a8 8 0 0 0-1.058 0h-.788a.62.62 0 0 0-.559.53V9.11c0 .748.13 1.497.19 2.235h-.579c-.499 0-.998.12-1.497.19l.11-2.994q.067-.477.09-.958m6.985.768V6.267c0-.31-.07-.868-.08-1.377a3 3 0 0 1 0-.55h.31q.398-.03.798 0a.24.24 0 0 1 .2.2q.13.49.13.998v5.359a.32.32 0 0 0 .149.28h-.768l-.869.05c.04-.979.09-1.917.13-2.875m-4.191 0l.31.05c.07 0 .358-.1.588-.15c0 .18.17.51.19.65l.18 2.414h-.3l-1.138.07zm-5.14 3.672v-1.646c0-.539 0-1.098.07-1.647v-.997h.08l.28-.11c.29-.08.928-.24.838 0q.06.133.07.28v.887l.18 2.994c-.5.04-1.008.19-1.517.24"/></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. PresentationProjectorScreenBarsIcon.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.