Star icon
websymbol:star
The Star icon (websymbol:star) is a free SVG icon from the Web Symbols Liga set by Just Be Nice studio. It is drawn on a 1050 × 1000 grid. Web Symbols Liga icons are released under the Open Font 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
- Web Symbols Liga
- Author
- Just Be Nice studio
- License
- OFL-1.1
- Size
- 1050 × 1000
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1050" height="1000" viewBox="0 0 1050 1000"><path fill="currentColor" d="M1050 386q0 15-29 38L746 624l105 323q5 17 5 30q0 24-18 24q-17 0-38-17L525 785L250 984q-23 17-39 17q-18 0-18-23q0-11 6-31l105-323L29 424Q0 403 0 387q0-23 49-23l340 1L493 41q12-40 32-40q19 0 31 40l106 324l339-1q49 0 49 22"/></svg>
How to use the Star icon
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:star" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:star" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:star" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--star]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:star"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:star"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/websymbol/star.svg" alt="Star icon" width="24" height="24">
Star icon in other icon sets
Star icon FAQ
Is the Star icon free for commercial use?
Yes. Web Symbols Liga icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Star icon in React?
Install @iconify/react and render <Icon icon="websymbol:star" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Star icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/websymbol/star.svg" alt="Star icon">, or paste the SVG code inline to style it with CSS.
Browse all Web Symbols Liga icons →
ICONYZ
