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

Freehand free icons (Iconify)

PresentationProjector

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.972 12.68a.32.32 0 0 0-.56-.167a.3.3 0 0 0-.068.227a8.8 8.8 0 0 1-.18 2.523a2.86 2.86 0 0 1-.658 1.386a2.64 2.64 0 0 1-1.306.598a14 14 0 0 1-2.403.2c-7.816.358-11.864.169-12.024.16c-2.263-.09-4.138-.24-4.796-.679a1.9 1.9 0 0 1-.767-1.276a14 14 0 0 1-.17-2.792a16.4 16.4 0 0 1 0-2.512a3.5 3.5 0 0 1 .56-1.416c.558-.858 1.824-1.237 3.2-1.436a30 30 0 0 1 5.853 0a.27.27 0 0 0 .289-.27a.28.28 0 0 0-.26-.288a26.3 26.3 0 0 0-6.979 0A4.37 4.37 0 0 0 .901 8.453a4.2 4.2 0 0 0-.748 1.755a17 17 0 0 0-.11 2.662c-.075.997-.052 1.999.07 2.991a2.88 2.88 0 0 0 1.196 1.945l.28.149v.618a7.2 7.2 0 0 0 .528 1.905c.135.29.321.552.548.777c.609.569 1.396.718 2.214-.418a5 5 0 0 0 .279-.49q.13-.247.23-.508q.12-.337.199-.688q.054-.256.08-.518h.996c3.62.1 8.196-.15 10.858-.31v.21a6.8 6.8 0 0 0 .519 1.905c.135.29.32.552.548.777c.608.569 1.406.718 2.214-.418c.1-.16.199-.32.289-.489c.09-.17.15-.329.219-.508q.127-.338.21-.688c0-.23.08-.45.1-.688a.32.32 0 0 0-.629-.09a4 4 0 0 1-.419 1.127l-.528.757c-.3.37-.519.41-.728.22a2.8 2.8 0 0 1-.499-.698a7.6 7.6 0 0 1-.608-1.356v-.11h.568c.858-.02 1.712-.114 2.553-.28a3.4 3.4 0 0 0 1.645-.827a3.55 3.55 0 0 0 .808-1.754a9.4 9.4 0 0 0 .19-2.732M4.97 18.993q-.106.278-.25.538l-.528.758c-.3.369-.519.409-.728.22a2.8 2.8 0 0 1-.499-.698a7.6 7.6 0 0 1-.608-1.356v-.24c.911.212 1.838.346 2.772.4c-.1.099-.1.228-.16.378"/><path d="M14.3 12.67a5 5 0 0 0 2.145.669a8.2 8.2 0 0 0 2.183-.15a.28.28 0 0 0 .23-.319a.29.29 0 0 0-.32-.23a7.8 7.8 0 0 1-1.994.07a4.4 4.4 0 0 1-1.874-.697a4.21 4.21 0 0 1-1.815-3.52a5.07 5.07 0 0 1 1.396-3.749a4.55 4.55 0 0 1 1.864-1.057a8 8 0 0 1 2.224-.329a3.84 3.84 0 0 1 3.38 1.775a5.42 5.42 0 0 1 .817 3.988a4.16 4.16 0 0 1-1.216 2.204a2.92 2.92 0 0 1-2.283.827a.31.31 0 0 0-.35.28a.31.31 0 0 0 .161.313q.056.03.119.035a3.6 3.6 0 0 0 2.842-.927a4.93 4.93 0 0 0 1.525-2.562a6.4 6.4 0 0 0-.817-4.666a4.8 4.8 0 0 0-4.198-2.314a9.2 9.2 0 0 0-2.523.38a5.5 5.5 0 0 0-2.283 1.345a6.03 6.03 0 0 0-1.575 4.537A5.03 5.03 0 0 0 14.3 12.67"/><path d="M20.213 9.84c.283-.256.507-.569.658-.918a3.1 3.1 0 0 0 0-2.144a.28.28 0 0 0-.548.1c.024.452-.062.904-.25 1.316c-.128.28-.3.54-.508.768a3.4 3.4 0 0 1-.728.668a2.6 2.6 0 0 1-.578.359q-.175.084-.369.11a.31.31 0 0 0-.329.299a.32.32 0 0 0 .3.329c.204.034.413.034.617 0q.41-.102.798-.27a3.7 3.7 0 0 0 .937-.618M4.131 9.76a.26.26 0 0 0-.3.239q-.228.811-.348 1.645c-.06.48-.06.966 0 1.446q.11.845.339 1.665a.32.32 0 0 0 .359.259a.33.33 0 0 0 .27-.36v-2.741c0-.628-.11-1.246-.13-1.854a.27.27 0 0 0-.19-.3m2.503.001a.28.28 0 0 0-.29.269c-.09.548-.209 1.076-.269 1.625a5 5 0 0 0 0 .698v.698c0 .548.09 1.076.13 1.625a.32.32 0 0 0 .628 0c.08-.549.18-1.077.24-1.625q.045-.348.05-.698v-.698c-.1-.529-.1-1.057-.22-1.635a.28.28 0 0 0-.27-.26m2.553-.169a.28.28 0 0 0-.29.27c-.089.557-.199 1.096-.258 1.644v.708a6 6 0 0 0 0 .708c0 .548.1 1.087.15 1.645a.31.31 0 0 0 .298.32a.31.31 0 0 0 .33-.3c.08-.558.169-1.097.219-1.655v-.698a6 6 0 0 0 0-.708c0-.558-.14-1.097-.2-1.645a.29.29 0 0 0-.249-.29"/></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. PresentationProjectorIcon.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.