Star Struck icon
openmoji:star-struck
The Star Struck icon (openmoji:star-struck) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Smileys Emotion
- Tags
- starstruck
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="36" cy="36" r="24" fill="#fcea2b"/><path fill="#f1b31c" d="m25.042 21.237l7.987-1.201l-3.905 7.07l3.609 7.224l-7.929-1.529l-5.755 5.665l-.997-8.014l-7.166-3.723l7.314-3.424l1.326-7.966zm21.84 0l-7.986-1.201l3.905 7.07l-3.61 7.224l7.93-1.529l5.755 5.665l.996-8.014l7.167-3.723l-7.314-3.424l-1.326-7.966z"/><path fill="#ea5a47" d="M49.737 46.356c-1.79 4.27-6.35 7.23-13.7 7.23c-7.41 0-12.03-3.03-13.8-7.36c2.03.46 14.98 3.17 27.5.13"/><path fill="#fff" d="M50.607 41.866c0 1.6-.29 3.11-.87 4.49c-12.52 3.04-25.47.33-27.5-.13c-.55-1.35-.83-2.82-.83-4.36h.11s14.81 3.59 28.89.07z"/><g fill="none" stroke="#000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path stroke-linecap="round" d="M50.607 41.866c0 1.6-.29 3.11-.87 4.49c-12.52 3.04-25.47.33-27.5-.13c-.55-1.35-.83-2.82-.83-4.36h.11s14.81 3.59 28.89.07z"/><path d="M49.737 46.356c-1.79 4.27-6.35 7.23-13.7 7.23c-7.41 0-12.03-3.03-13.8-7.36c2.03.46 14.98 3.17 27.5.13zm.49-.12l-.49.12m-27.5-.13c-.19-.05-.28-.07-.28-.07"/><path stroke-linecap="round" d="M46.554 15.56A22.9 22.9 0 0 0 36 13a22.9 22.9 0 0 0-11.076 2.837M13.195 32.995A23 23 0 0 0 13 36c0 12.702 10.297 23 23 23s23-10.298 23-23q-.001-1.512-.19-2.973"/><path stroke-linecap="round" d="m25.118 21.237l7.986-1.201l-3.905 7.07l3.61 7.224l-7.93-1.529l-5.755 5.665l-.996-8.014l-7.167-3.723l7.314-3.424l1.326-7.966zm21.764 0l-7.986-1.201l3.905 7.07l-3.61 7.224l7.93-1.529l5.755 5.665l.996-8.014l7.167-3.723l-7.314-3.424l-1.326-7.966z"/></g></svg>
How to use the Star Struck icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:star-struck" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:star-struck" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:star-struck" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--star-struck]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:star-struck"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:star-struck"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/star-struck.svg" alt="Star Struck icon" width="24" height="24">
Related icons in OpenMoji
Star Struck icon in other icon sets
Star Struck icon FAQ
Is the Star Struck icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Star Struck icon in React?
Install @iconify/react and render <Icon icon="openmoji:star-struck" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Star Struck icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/star-struck.svg" alt="Star Struck icon">, or paste the SVG code inline to style it with CSS.
Browse all OpenMoji icons →
ICONYZ
