Performingarts icon
fxemoji:performingarts
The Performingarts icon (fxemoji:performingarts) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Places
- Tags
- performingart
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#00BEEA" 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="#FFD469" 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="#2B3B47" 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>How to use the Performingarts icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:performingarts" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:performingarts" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:performingarts" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--performingarts]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:performingarts"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:performingarts"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/performingarts.svg" alt="Performingarts icon" width="24" height="24">Performingarts icon FAQ
Is the Performingarts icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Performingarts icon in React?
Install @iconify/react and render <Icon icon="fxemoji:performingarts" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Performingarts icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/performingarts.svg" alt="Performingarts icon">, or paste the SVG code inline to style it with CSS.