Home/Libraries/Firefox OS Emoji (Iconify)/performingarts

Firefox OS Emoji (Iconify)

Performingarts

License: Apache-2.0Commercial Safe

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 512 512"><path fill="#818cf8" d="M503.508 240.511c-41.927-61.719-89.822-39.813-128.225-45.953c-38.119-8.371-79.836-42.616-135.955-4.493c-56.364 38.29-14.271 270.161 78.175 295.003l-.01.178q1.152.22 2.31.397q1.132.26 2.275.479l.055-.165c95.213 11.149 223.423-183.549 181.375-245.446"/><path fill="#818cf8" d="M271.293 26.909c-62.311-41.043-98.218-2.513-136.058 6.47C96.808 40.192 45.178 24.464 7.86 81.12c-37.482 56.905 89.93 255.153 184.858 242.828l.058.168q1.147-.236 2.286-.515a62 62 0 0 0 2.286-.426l-.012-.173c92.26-26.038 136.447-254.932 73.957-296.093"/><path fill="#818cf8" d="M318.213 297.626a7.02 7.02 0 0 1-6.98 6.295a7.02 7.02 0 0 1-5.941-3.286c-.125-.194-5.271-8.067-13.173-9.576c-7.96-1.517-15.703 3.994-15.779 4.051a7.045 7.045 0 0 1-8.149.078c-2.448-1.712-3.562-4.773-2.748-7.647c3.855-13.63 17.197-21.921 31.05-19.271c13.838 2.642 23.176 15.263 21.72 29.356m104.859-5.187c-13.855-2.647-27.195 5.642-31.05 19.271c-.813 2.874.3 5.936 2.748 7.647a7.045 7.045 0 0 0 8.149-.078c.077-.057 7.818-5.568 15.779-4.051c7.902 1.509 13.048 9.382 13.173 9.576a7.02 7.02 0 0 0 7.515 3.107a7.02 7.02 0 0 0 5.406-6.116c1.458-14.091-7.88-26.712-21.72-29.356M382.317 422.14c9.715 6.686 22.618-1.991 19.868-13.46c-5.007-20.873-20.739-46.1-53.564-52.368c-32.999-6.301-57.183 11.881-69.484 29.642c-6.649 9.6 1.893 22.428 13.279 19.835c13.084-2.98 30.207-4.878 48.248-1.433c17.141 3.274 31.267 10.637 41.653 17.784m-260.49-271.713c-4.032-13.582-17.478-21.68-31.282-18.843c-13.807 2.841-22.982 15.594-21.343 29.663c.346 2.967 2.543 5.372 5.46 6.02a7 7 0 0 0 1.51.166a7.06 7.06 0 0 0 5.993-3.349c.05-.081 5.099-8.133 13.037-9.767c7.892-1.623 15.659 3.704 15.832 3.824a7.016 7.016 0 0 0 10.793-7.714m126.223-25.975c-4.033-13.583-17.48-21.684-31.282-18.843c-13.807 2.841-22.982 15.594-21.343 29.663c.346 2.967 2.543 5.372 5.46 6.02a7 7 0 0 0 1.51.166a7.06 7.06 0 0 0 5.993-3.349c.05-.081 5.099-8.133 13.037-9.767c7.878-1.622 15.633 3.686 15.831 3.823a7.016 7.016 0 0 0 10.794-7.713m-118.421 87.661c-11.532-2.472-20.146 10.474-13.226 20.024c12.595 17.381 36.765 34.694 69.498 27.958c32.906-6.772 48.318-32.808 52.909-53.919c2.481-11.411-10.31-20.008-19.845-13.265c-10.956 7.748-26.058 16.038-44.048 19.74c-17.094 3.518-32.961 2.104-45.288-.538"/></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. PerformingartsIcon.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.