star icon

star from Font Awesome Regular by Dave Gandy · Regular · Interfaces · CC-BY-4.0 Attribution required.

Name
star
Set
Font Awesome Regular
Style
Regular
Category
Interfaces
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

starAkar Iconsstar-filledAnt Design IconsstarBootstrap IconsstarBoxIcons v2starBoxIcons v2 SolidstarCarbonstarEmoji One (Colored)starElement Plusstar-fillEva IconsstarFramework7 IconsstarFont Awesome 6 RegularstarFont Awesome 6 SolidstarFont Awesome SolidstarFeather Iconsstar-outlineFlowbite Iconsstar-12-filledFluent UI System Iconsstar-16Fluent UI System Color IconsstarFluent EmojistarFluent Emoji FlatstarFluent Emoji High ContraststarFirefox OS EmojistarHeroIconsstarHuge IconsstarHumbleicons

More interfaces icons from Font Awesome Regular

check-circlecheck-squareclouddot-circleflagminus-squarestar-halftimes-circleuseruser-altuser-circlestar-half-altstar-half-stroke

Use the star icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.1 32c9 0 17.3 5.1 21.4 13.1L415 189.3l159.9 25.4c8.9 1.4 16.3 7.7 19.1 16.3s.5 18-5.8 24.4L473.7 369.9L499 529.8c1.4 8.9-2.3 17.9-9.6 23.2s-17 6.1-25 2l-144.3-73.4L175.8 555c-8 4.1-17.7 3.3-25-2s-11-14.2-9.6-23.2l25.2-159.9L52 255.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9 19.1-16.3l159.9-25.4l73.6-144.2c4.1-8 12.4-13.1 21.4-13.1zm0 76.8L262.3 222c-3.5 6.8-10 11.6-17.6 12.8l-125.5 20l89.8 89.9c5.4 5.4 7.9 13.1 6.7 20.7l-19.8 125.5l113.3-57.6c6.8-3.5 14.9-3.5 21.8 0l113.3 57.6l-19.8-125.5c-1.2-7.6 1.3-15.3 6.7-20.7l89.8-89.9l-125.5-20c-7.6-1.2-14.1-6-17.6-12.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7RegularStar(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.1 32c9 0 17.3 5.1 21.4 13.1L415 189.3l159.9 25.4c8.9 1.4 16.3 7.7 19.1 16.3s.5 18-5.8 24.4L473.7 369.9L499 529.8c1.4 8.9-2.3 17.9-9.6 23.2s-17 6.1-25 2l-144.3-73.4L175.8 555c-8 4.1-17.7 3.3-25-2s-11-14.2-9.6-23.2l25.2-159.9L52 255.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9 19.1-16.3l159.9-25.4l73.6-144.2c4.1-8 12.4-13.1 21.4-13.1zm0 76.8L262.3 222c-3.5 6.8-10 11.6-17.6 12.8l-125.5 20l89.8 89.9c5.4 5.4 7.9 13.1 6.7 20.7l-19.8 125.5l113.3-57.6c6.8-3.5 14.9-3.5 21.8 0l113.3 57.6l-19.8-125.5c-1.2-7.6 1.3-15.3 6.7-20.7l89.8-89.9l-125.5-20c-7.6-1.2-14.1-6-17.6-12.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.1 32c9 0 17.3 5.1 21.4 13.1L415 189.3l159.9 25.4c8.9 1.4 16.3 7.7 19.1 16.3s.5 18-5.8 24.4L473.7 369.9L499 529.8c1.4 8.9-2.3 17.9-9.6 23.2s-17 6.1-25 2l-144.3-73.4L175.8 555c-8 4.1-17.7 3.3-25-2s-11-14.2-9.6-23.2l25.2-159.9L52 255.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9 19.1-16.3l159.9-25.4l73.6-144.2c4.1-8 12.4-13.1 21.4-13.1zm0 76.8L262.3 222c-3.5 6.8-10 11.6-17.6 12.8l-125.5 20l89.8 89.9c5.4 5.4 7.9 13.1 6.7 20.7l-19.8 125.5l113.3-57.6c6.8-3.5 14.9-3.5 21.8 0l113.3 57.6l-19.8-125.5c-1.2-7.6 1.3-15.3 6.7-20.7l89.8-89.9l-125.5-20c-7.6-1.2-14.1-6-17.6-12.8z"/></svg>
</template>

CSS

.icon-star {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.1%2032c9%200%2017.3%205.1%2021.4%2013.1L415%20189.3l159.9%2025.4c8.9%201.4%2016.3%207.7%2019.1%2016.3s.5%2018-5.8%2024.4L473.7%20369.9L499%20529.8c1.4%208.9-2.3%2017.9-9.6%2023.2s-17%206.1-25%202l-144.3-73.4L175.8%20555c-8%204.1-17.7%203.3-25-2s-11-14.2-9.6-23.2l25.2-159.9L52%20255.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9%2019.1-16.3l159.9-25.4l73.6-144.2c4.1-8%2012.4-13.1%2021.4-13.1zm0%2076.8L262.3%20222c-3.5%206.8-10%2011.6-17.6%2012.8l-125.5%2020l89.8%2089.9c5.4%205.4%207.9%2013.1%206.7%2020.7l-19.8%20125.5l113.3-57.6c6.8-3.5%2014.9-3.5%2021.8%200l113.3%2057.6l-19.8-125.5c-1.2-7.6%201.3-15.3%206.7-20.7l89.8-89.9l-125.5-20c-7.6-1.2-14.1-6-17.6-12.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.1%2032c9%200%2017.3%205.1%2021.4%2013.1L415%20189.3l159.9%2025.4c8.9%201.4%2016.3%207.7%2019.1%2016.3s.5%2018-5.8%2024.4L473.7%20369.9L499%20529.8c1.4%208.9-2.3%2017.9-9.6%2023.2s-17%206.1-25%202l-144.3-73.4L175.8%20555c-8%204.1-17.7%203.3-25-2s-11-14.2-9.6-23.2l25.2-159.9L52%20255.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9%2019.1-16.3l159.9-25.4l73.6-144.2c4.1-8%2012.4-13.1%2021.4-13.1zm0%2076.8L262.3%20222c-3.5%206.8-10%2011.6-17.6%2012.8l-125.5%2020l89.8%2089.9c5.4%205.4%207.9%2013.1%206.7%2020.7l-19.8%20125.5l113.3-57.6c6.8-3.5%2014.9-3.5%2021.8%200l113.3%2057.6l-19.8-125.5c-1.2-7.6%201.3-15.3%206.7-20.7l89.8-89.9l-125.5-20c-7.6-1.2-14.1-6-17.6-12.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-regular/star.svg?color=%231a73e8&size=48