Home/Libraries/Freehand free icons (Iconify)/show-theater-drama

Freehand free icons (Iconify)

ShowTheaterDrama

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="M14.248 14.094c-.24-.882-.541-1.743-.821-2.604a8 8 0 0 0-.491-1.262a.61.61 0 0 0-.51-.33c-.233.006-.46.08-.652.21q-.424.317-.801.69c-.5.412-1.001.822-1.522 1.183a7.3 7.3 0 0 1-1.082.63a11 11 0 0 1-2.063.732a6.9 6.9 0 0 1-2.143.22c-.29 0-.59-.08-.881-.13c-.711-.15-1.412-.35-2.113-.47c-.3-.061-.631.7-.631.72q.139 1.083.44 2.133c.271 1.002.642 2.063 1.002 3.065a7.2 7.2 0 0 0 1.072 2.003a6.1 6.1 0 0 0 1.682 1.452a9.7 9.7 0 0 0 1.532.7q1.184.42 2.414.672c.32.07.73.21 1.111.27q.306.045.611 0a2 2 0 0 0 .942-.43c.461-.43.865-.919 1.201-1.453a14.6 14.6 0 0 0 1.863-3.475a6 6 0 0 0 .24-2.744a14 14 0 0 0-.4-1.782m-.881 4.246a13.5 13.5 0 0 1-1.713 3.195a6.7 6.7 0 0 1-.841 1.101c-.14.17-.329.293-.541.35a1.5 1.5 0 0 1-.46 0c-.331-.06-.662-.16-.932-.21a18 18 0 0 1-1.893-.48a9.5 9.5 0 0 1-1.792-.721a5.2 5.2 0 0 1-1.523-1.232a6.3 6.3 0 0 1-1.001-1.723c-.38-1.001-.771-2.003-1.072-3.004a12 12 0 0 1-.44-2.003c.68.14 1.362.35 2.003.5q.495.115 1.001.161c.799.077 1.604.02 2.384-.17c.77-.168 1.521-.413 2.243-.731a8.4 8.4 0 0 0 1.212-.661c.56-.36 1.091-.781 1.622-1.192c.14-.11.33-.3.53-.46q.17.374.391.72c.25.862.521 1.723.751 2.594q.227.847.36 1.713a5 5 0 0 1-.29 2.253"/><path d="M9.53 18.77a2.6 2.6 0 0 0-.84.07c-.28.058-.545.17-.781.331c-.542.378-.927.94-1.082 1.582a.28.28 0 0 0 .15.37a.29.29 0 0 0 .37-.15a2.22 2.22 0 0 1 1.072-.89q.28-.115.571-.19a3.25 3.25 0 0 1 2.003.07a.324.324 0 0 0 .471-.257a.32.32 0 0 0-.17-.315a3.67 3.67 0 0 0-1.763-.62m1.803-3.996a1.26 1.26 0 0 1-.872.51l-.26.07c-.243.064-.5.046-.731-.05a.284.284 0 1 0-.36.441a1.6 1.6 0 0 0 1.07.641c.196.028.395.011.582-.05c.182-.052.353-.14.5-.26a1.87 1.87 0 0 0 .661-1.002a.32.32 0 0 0-.16-.43a.33.33 0 0 0-.43.13m-4.116 1.322a.32.32 0 0 0-.451 0c-.44.278-.95.427-1.472.43h-.44a3.1 3.1 0 0 1-1.112-.15a.29.29 0 1 0-.28.5c.362.328.798.561 1.271.682q.326.052.65 0a2.3 2.3 0 0 0 .602-.14a3.2 3.2 0 0 0 1.161-.872a.31.31 0 0 0 .07-.45M23.25 2.367a1 1 0 0 0-.87-.691a5 5 0 0 0-1.553.33a6 6 0 0 1-1.392.13a9.5 9.5 0 0 1-1.432-.13a9 9 0 0 1-1.462-.43A18 18 0 0 1 14.418.574a3.6 3.6 0 0 0-1.362-.57a1.12 1.12 0 0 0-.821.27a1.33 1.33 0 0 0-.38.7c-.12.451-.16 1.002-.211 1.303l-.23 1.492l-.701 4.586a.28.28 0 0 0 .135.285a.3.3 0 0 0 .105.036a.28.28 0 0 0 .32-.24l.882-4.537l.29-1.462c.05-.22.1-.671.2-1.072q.046-.197.16-.36c.12-.09.271 0 .411 0q.374.156.711.38q.887.555 1.833 1.002c.64.303 1.312.535 2.003.69q.803.165 1.622.191a6.5 6.5 0 0 0 1.653-.14c.27-.06.63-.25 1.001-.33c.09 0 .18-.08.22 0c.16.463.188.963.08 1.441c-.12.892-.42 1.843-.57 2.514s-.32 1.813-.601 2.744a4.9 4.9 0 0 1-.731 1.522a4.5 4.5 0 0 1-.821.811a10 10 0 0 1-1.563.942q-.554.293-1.141.51a1.8 1.8 0 0 1-.701.12a.32.32 0 0 0-.36.281a.31.31 0 0 0 .28.36a2.5 2.5 0 0 0 1-.12q.639-.209 1.243-.5a11 11 0 0 0 1.712-1.002c.373-.265.71-.578 1.002-.931a5.8 5.8 0 0 0 .921-1.743c.31-.93.5-1.952.711-2.774q.487-1.502.721-3.064a3.34 3.34 0 0 0-.19-1.542"/><path d="M13.096 5.371a1.85 1.85 0 0 1 .821.15l.26.13l.401.2c.37.194.708.444 1.002.742a.33.33 0 0 0 .45.08a.34.34 0 0 0 .08-.46a3.9 3.9 0 0 0-.75-1.072a2.3 2.3 0 0 0-.481-.35a1.8 1.8 0 0 0-.591-.211a2.15 2.15 0 0 0-1.382.25a.28.28 0 0 0-.19.35a.29.29 0 0 0 .38.191m5.538 1.763q.322-.315.711-.541a3 3 0 0 1 .37-.22a2 2 0 0 1 .291-.13c.213-.083.443-.114.671-.09a.31.31 0 0 0 .33-.141a.33.33 0 0 0-.2-.42a1.9 1.9 0 0 0-1.412-.21q-.184.047-.35.14a2 2 0 0 0-.42.34c-.242.294-.42.635-.522 1.001a.29.29 0 1 0 .501.28zm-1.782 3.786a3.6 3.6 0 0 0 1.572-.562a.31.31 0 0 0 .16-.42a.32.32 0 0 0-.43-.17a3.1 3.1 0 0 1-1.833 0a5 5 0 0 1-.511-.14a5 5 0 0 1-1.252-.551a.29.29 0 0 0-.495.2a.28.28 0 0 0 .085.2c.333.44.748.81 1.221 1.092c.22.117.457.201.701.25c.254.072.518.105.781.1"/></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. ShowTheaterDramaIcon.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.