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

Freehand free icons (Iconify)

PresentationAudience

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="M6.17 20.767c-.428-.14-.358-.08-.298-.13a2.83 2.83 0 0 0 .418-3.798c-.418-.478-1.445-.997-1.585-.449a.34.34 0 0 0 .26.4c1.296.308 1.296 2.282.269 2.99a2.18 2.18 0 0 1-1.795.21c-1.854-.41-1.535-3.71.997-3.53a.29.29 0 0 0 0-.578a2.701 2.701 0 0 0-2.084 4.826a3.26 3.26 0 0 0-1.425 1.106a2.5 2.5 0 0 0-.43 1.884a.299.299 0 0 0 .59 0c.055-.276.175-.535.348-.757q.656-.791 1.396-1.506l.409-.299a3.75 3.75 0 0 0 1.744 0a4.44 4.44 0 0 1 1.765 1.755q.255.406.439.847a.331.331 0 1 0 .648-.14a2.92 2.92 0 0 0-1.665-2.83m7.826-.001c-.429-.14-.359-.08-.299-.13a2.83 2.83 0 0 0 .419-3.798c-.419-.478-1.446-.997-1.585-.449a.34.34 0 0 0 .259.4c1.296.308 1.296 2.282.27 2.99a2.18 2.18 0 0 1-1.796.21c-1.864-.41-1.525-3.71.948-3.53a.29.29 0 0 0 .05-.578a2.701 2.701 0 0 0-2.084 4.826a3.2 3.2 0 0 0-1.426 1.076a2.5 2.5 0 0 0-.429 1.884a.3.3 0 0 0 .589 0a3.33 3.33 0 0 1 .997-1.505a4.5 4.5 0 0 1 1.096-1.047a3.75 3.75 0 0 0 1.745 0a3.5 3.5 0 0 1 1.366 1.207c.357.406.653.863.877 1.355a.332.332 0 0 0 .648-.14a2.92 2.92 0 0 0-1.645-2.77m9.542 2.771a3.25 3.25 0 0 0-1.187-2.552a2.5 2.5 0 0 0-.827-.32c1.555-1.206 1.356-4.107-.718-4.526a.332.332 0 0 0-.14.648c1.615.39 1.446 3.879-1.525 3.23c-1.855-.408-1.536-3.708.947-3.529a.29.29 0 0 0 .06-.578a2.702 2.702 0 0 0-2.094 4.825c-.324.136-.63.313-.907.529a2.57 2.57 0 0 0-.947 2.432a.3.3 0 0 0 .588 0a3.33 3.33 0 0 1 .997-1.505c.336-.423.74-.787 1.196-1.077a3.74 3.74 0 0 0 1.745 0a3.45 3.45 0 0 1 1.376 1.207c.34.424.618.894.827 1.395a.33.33 0 0 0 .608-.18"/><path d="M19.41 9.63c0-.727 1.696-3.33.21-3.987c-.08 0-1.994-.927-2.083-.937c-.38 0-.529.418-.05.767c.478.35 1.585.997 1.645 1.077s-.469 1.994-.419 2.931c-.349-.1-8.455.21-10.748.11s-2.89-.06-2.741 2.313c0 .11 0 .529.06.658c-.2.379 1.994.469 1.874.469a8.4 8.4 0 0 0 .778 4.207a.331.331 0 1 0 .648-.14c-.06-.548-.08-1.206-.16-1.854a12 12 0 0 0-.618-2.233c1.854 0 7.158.17 9.033.309a7.6 7.6 0 0 0-.848 2.133c-.309 1.446-.478 1.715 0 1.855c.08 0 .23 0 .38-.16l.188-.339a7.26 7.26 0 0 0 .997-3.42c.48.09 1.237.27 1.606 0s.279-1.156.378-1.545c.17-.827.549-1.824-.13-2.213m-.996 2.663c-.09 0-9.541-.12-11.246 0a9 9 0 0 1-1.216-.09a1.1 1.1 0 0 0 0-.429V10.36q1.5-.03 2.99.14c1.785 0 3.989-.27 5.983-.27c.08 0 3.987.14 3.987.21s-.608.897-.518 1.854z"/><path d="M6.23 6.58a12.2 12.2 0 0 1-.757-3.54c-.04-.391.025-.787.19-1.146c.109.21.219.638.298.768a29 29 0 0 0 2.493 3.43c.24.249.548.518.847.339c.997-.579 1.715 0 2.991.07c-.248.71-.3 1.475-.15 2.213c0 .14.36.588.589.16a4 4 0 0 0 .27-2.384a4 4 0 0 0 .687-.13a4.3 4.3 0 0 1 2.652 2.463c.06.29.818.36.818-.09a2.99 2.99 0 0 0-1.994-2.532c-.838-.309-.758-.11-.419-.389a3.48 3.48 0 0 0 .748-4.267c-.28-.498-1.057-1.266-1.356-.767a.34.34 0 0 0 .12.458c1.704 1.077.996 4.905-2.463 4.068a2.074 2.074 0 0 1-1.555-1.994a.31.31 0 0 0 .239.17a3.32 3.32 0 0 0 3.1-.649q.411.338.868.609a.332.332 0 0 0 .439-.499c-.25-.28-.539-.827-.708-1.057c-.608-.767-1.715.588-2.722.868c-1.007.279-1.097 0-1.216.319A2.402 2.402 0 0 1 13 .668a.311.311 0 1 0 .07-.618a3.31 3.31 0 0 0-3.51 4.785c.48.997.778.4-.388.808a23.4 23.4 0 0 1-2.273-3.51A4 4 0 0 0 6.15.907a.837.837 0 0 0-1.127.07a2.5 2.5 0 0 0-.668 2.064c.083 1.335.422 2.641.997 3.848a5.52 5.52 0 0 0 2.393 2.453c.23.15.708-.09.509-.36C7.835 8.416 6.6 7.767 6.23 6.58"/></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. PresentationAudienceIcon.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.