Shootingstar icon
fxemoji:shootingstar
The Shootingstar icon (fxemoji:shootingstar) 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
- Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#204963" d="M500.951 489.617c0 6.6-5.4 12-12 12H21.716c-6.6 0-12-5.4-12-12V22.383c0-6.6 5.4-12 12-12H488.95c6.6 0 12 5.4 12 12"/><path fill="#FFAD29" d="m441.375 61.469l.027.015c-.121-.004-.232-.015-.361-.015c-36.409 0-288.087 97.514-288.087 97.514l58.351 80.977s189.221-126.903 226.736-166.7q.637-1.305 1.174-2.479c-16.852 36.763-107.528 172.253-149.333 234.059l-2.775 4.467l44.471 82.846c.001-.001 124.617-326.135 109.797-330.684m.473 2.119q.151-.866.05-1.391q.102.525-.05 1.391m-1.687 5.05"/><path fill="#EF8B07" d="M441.929 62.558c-.021-.563-.187-.934-.523-1.072c-.121-.006-.237-.017-.365-.017L222.092 232.46h83.678s-133.22 239.652-37.023 103.495C435.254 100.284 441.931 62.598 441.929 62.558"/><path fill="#FFD880" d="m168.865 160.626l56.985 57.576a12.59 12.59 0 0 0 11.171 3.536l79.735-14.302c10.271-1.842 18.196 8.893 13.411 18.166l-37.149 71.988a12.59 12.59 0 0 0 .089 11.717l38.242 71.413c4.926 9.199-2.834 20.054-13.133 18.368l-79.944-13.085a12.59 12.59 0 0 0-11.116 3.706l-56.101 58.438c-7.227 7.528-19.948 3.501-21.527-6.814l-12.26-80.075a12.59 12.59 0 0 0-6.959-9.427l-72.914-35.297c-9.392-4.547-9.494-17.89-.172-22.579l72.367-36.404a12.59 12.59 0 0 0 6.815-9.532l11.037-80.252c1.424-10.338 14.083-14.558 21.423-7.141"/></svg>How to use the Shootingstar icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:shootingstar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:shootingstar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:shootingstar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--shootingstar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:shootingstar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:shootingstar"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/shootingstar.svg" alt="Shootingstar icon" width="24" height="24">Shootingstar icon FAQ
Is the Shootingstar 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 Shootingstar icon in React?
Install @iconify/react and render <Icon icon="fxemoji:shootingstar" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shootingstar icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/shootingstar.svg" alt="Shootingstar icon">, or paste the SVG code inline to style it with CSS.