face grin stars icon

face-grin-stars from Font Awesome Regular by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
face-grin-stars
Set
Font Awesome Regular
Style
Regular
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

face-grin-starsFont Awesome 6 Regularface-grin-starsFont Awesome 6 Solidface-grin-starsFont Awesome Solidface-grin-stars-outlineFlowbite Icons

Related icons in Font Awesome Regular

face-angryface-dizzyface-flushedface-frownface-frown-openface-grimaceface-grinface-grin-beamface-grin-beam-sweatface-grin-heartsface-grin-squintface-grin-squint-tearsface-grin-tearsface-grin-tongueface-grin-tongue-squintface-grin-tongue-winkface-grin-wideface-grin-winkface-kissface-kiss-beamface-kiss-wink-heartface-laughface-laugh-beamface-laugh-squint

Use the face grin stars icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 320c0-29.6 5-57.9 14.2-84.4l17.3 16.9l-4.6 27c-4.2 24.4 5.6 46.2 22 59.9c9.8 105.8 98.8 188.7 207.1 188.7s197.4-82.8 207.1-188.6c16.4-13.7 26.1-35.4 22-59.9l-4.6-27l17.3-16.9c9.2 26.4 14.2 54.8 14.2 84.4c0 141.4-114.6 256-256 256S64 461.4 64 320m256-208c-15.2 0-30 1.6-44.3 4.7l-10.3-20.9c-4.4-8.8-10.3-16-17.2-21.6C271 67.6 295.1 64 320 64s49 3.6 71.8 10.2c-6.9 5.6-12.8 12.8-17.2 21.6l-10.3 20.9c-14.3-3.1-29.1-4.7-44.3-4.7m116.2 254.3c11.8-3.6 23.7 6.1 19.6 17.8c-19.8 55.9-73.1 96-135.8 96s-116-40-135.8-95.9c-4.1-11.6 7.8-21.4 19.6-17.8c34.7 10.6 74.2 16.5 116.1 16.5c42 0 81.5-6 116.3-16.6m-18.5-249.2c5.9-11.9 22.8-11.9 28.7 0l23.3 47.2l52 7.6c13.1 1.9 18.4 18 8.9 27.3l-37.7 36.7l8.9 51.8c2.2 13.1-11.5 23-23.2 16.9L432 280l-46.5 24.5c-11.7 6.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4 8.9-27.3l52-7.6l23.3-47.2zm-195.3 0l23.3 47.2l52 7.6c13.1 1.9 18.4 18 8.9 27.3l-37.7 36.7l8.9 51.8c2.2 13.1-11.5 23-23.2 16.9L208 280l-46.5 24.5c-11.7 6.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4 8.9-27.3l52-7.6l23.3-47.2c5.9-11.9 22.8-11.9 28.7 0z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7RegularFaceGrinStars(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="M64 320c0-29.6 5-57.9 14.2-84.4l17.3 16.9l-4.6 27c-4.2 24.4 5.6 46.2 22 59.9c9.8 105.8 98.8 188.7 207.1 188.7s197.4-82.8 207.1-188.6c16.4-13.7 26.1-35.4 22-59.9l-4.6-27l17.3-16.9c9.2 26.4 14.2 54.8 14.2 84.4c0 141.4-114.6 256-256 256S64 461.4 64 320m256-208c-15.2 0-30 1.6-44.3 4.7l-10.3-20.9c-4.4-8.8-10.3-16-17.2-21.6C271 67.6 295.1 64 320 64s49 3.6 71.8 10.2c-6.9 5.6-12.8 12.8-17.2 21.6l-10.3 20.9c-14.3-3.1-29.1-4.7-44.3-4.7m116.2 254.3c11.8-3.6 23.7 6.1 19.6 17.8c-19.8 55.9-73.1 96-135.8 96s-116-40-135.8-95.9c-4.1-11.6 7.8-21.4 19.6-17.8c34.7 10.6 74.2 16.5 116.1 16.5c42 0 81.5-6 116.3-16.6m-18.5-249.2c5.9-11.9 22.8-11.9 28.7 0l23.3 47.2l52 7.6c13.1 1.9 18.4 18 8.9 27.3l-37.7 36.7l8.9 51.8c2.2 13.1-11.5 23-23.2 16.9L432 280l-46.5 24.5c-11.7 6.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4 8.9-27.3l52-7.6l23.3-47.2zm-195.3 0l23.3 47.2l52 7.6c13.1 1.9 18.4 18 8.9 27.3l-37.7 36.7l8.9 51.8c2.2 13.1-11.5 23-23.2 16.9L208 280l-46.5 24.5c-11.7 6.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4 8.9-27.3l52-7.6l23.3-47.2c5.9-11.9 22.8-11.9 28.7 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 320c0-29.6 5-57.9 14.2-84.4l17.3 16.9l-4.6 27c-4.2 24.4 5.6 46.2 22 59.9c9.8 105.8 98.8 188.7 207.1 188.7s197.4-82.8 207.1-188.6c16.4-13.7 26.1-35.4 22-59.9l-4.6-27l17.3-16.9c9.2 26.4 14.2 54.8 14.2 84.4c0 141.4-114.6 256-256 256S64 461.4 64 320m256-208c-15.2 0-30 1.6-44.3 4.7l-10.3-20.9c-4.4-8.8-10.3-16-17.2-21.6C271 67.6 295.1 64 320 64s49 3.6 71.8 10.2c-6.9 5.6-12.8 12.8-17.2 21.6l-10.3 20.9c-14.3-3.1-29.1-4.7-44.3-4.7m116.2 254.3c11.8-3.6 23.7 6.1 19.6 17.8c-19.8 55.9-73.1 96-135.8 96s-116-40-135.8-95.9c-4.1-11.6 7.8-21.4 19.6-17.8c34.7 10.6 74.2 16.5 116.1 16.5c42 0 81.5-6 116.3-16.6m-18.5-249.2c5.9-11.9 22.8-11.9 28.7 0l23.3 47.2l52 7.6c13.1 1.9 18.4 18 8.9 27.3l-37.7 36.7l8.9 51.8c2.2 13.1-11.5 23-23.2 16.9L432 280l-46.5 24.5c-11.7 6.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4 8.9-27.3l52-7.6l23.3-47.2zm-195.3 0l23.3 47.2l52 7.6c13.1 1.9 18.4 18 8.9 27.3l-37.7 36.7l8.9 51.8c2.2 13.1-11.5 23-23.2 16.9L208 280l-46.5 24.5c-11.7 6.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4 8.9-27.3l52-7.6l23.3-47.2c5.9-11.9 22.8-11.9 28.7 0z"/></svg>
</template>

CSS

.icon-face-grin-stars {
  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%22M64%20320c0-29.6%205-57.9%2014.2-84.4l17.3%2016.9l-4.6%2027c-4.2%2024.4%205.6%2046.2%2022%2059.9c9.8%20105.8%2098.8%20188.7%20207.1%20188.7s197.4-82.8%20207.1-188.6c16.4-13.7%2026.1-35.4%2022-59.9l-4.6-27l17.3-16.9c9.2%2026.4%2014.2%2054.8%2014.2%2084.4c0%20141.4-114.6%20256-256%20256S64%20461.4%2064%20320m256-208c-15.2%200-30%201.6-44.3%204.7l-10.3-20.9c-4.4-8.8-10.3-16-17.2-21.6C271%2067.6%20295.1%2064%20320%2064s49%203.6%2071.8%2010.2c-6.9%205.6-12.8%2012.8-17.2%2021.6l-10.3%2020.9c-14.3-3.1-29.1-4.7-44.3-4.7m116.2%20254.3c11.8-3.6%2023.7%206.1%2019.6%2017.8c-19.8%2055.9-73.1%2096-135.8%2096s-116-40-135.8-95.9c-4.1-11.6%207.8-21.4%2019.6-17.8c34.7%2010.6%2074.2%2016.5%20116.1%2016.5c42%200%2081.5-6%20116.3-16.6m-18.5-249.2c5.9-11.9%2022.8-11.9%2028.7%200l23.3%2047.2l52%207.6c13.1%201.9%2018.4%2018%208.9%2027.3l-37.7%2036.7l8.9%2051.8c2.2%2013.1-11.5%2023-23.2%2016.9L432%20280l-46.5%2024.5c-11.7%206.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4%208.9-27.3l52-7.6l23.3-47.2zm-195.3%200l23.3%2047.2l52%207.6c13.1%201.9%2018.4%2018%208.9%2027.3l-37.7%2036.7l8.9%2051.8c2.2%2013.1-11.5%2023-23.2%2016.9L208%20280l-46.5%2024.5c-11.7%206.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4%208.9-27.3l52-7.6l23.3-47.2c5.9-11.9%2022.8-11.9%2028.7%200z%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%22M64%20320c0-29.6%205-57.9%2014.2-84.4l17.3%2016.9l-4.6%2027c-4.2%2024.4%205.6%2046.2%2022%2059.9c9.8%20105.8%2098.8%20188.7%20207.1%20188.7s197.4-82.8%20207.1-188.6c16.4-13.7%2026.1-35.4%2022-59.9l-4.6-27l17.3-16.9c9.2%2026.4%2014.2%2054.8%2014.2%2084.4c0%20141.4-114.6%20256-256%20256S64%20461.4%2064%20320m256-208c-15.2%200-30%201.6-44.3%204.7l-10.3-20.9c-4.4-8.8-10.3-16-17.2-21.6C271%2067.6%20295.1%2064%20320%2064s49%203.6%2071.8%2010.2c-6.9%205.6-12.8%2012.8-17.2%2021.6l-10.3%2020.9c-14.3-3.1-29.1-4.7-44.3-4.7m116.2%20254.3c11.8-3.6%2023.7%206.1%2019.6%2017.8c-19.8%2055.9-73.1%2096-135.8%2096s-116-40-135.8-95.9c-4.1-11.6%207.8-21.4%2019.6-17.8c34.7%2010.6%2074.2%2016.5%20116.1%2016.5c42%200%2081.5-6%20116.3-16.6m-18.5-249.2c5.9-11.9%2022.8-11.9%2028.7%200l23.3%2047.2l52%207.6c13.1%201.9%2018.4%2018%208.9%2027.3l-37.7%2036.7l8.9%2051.8c2.2%2013.1-11.5%2023-23.2%2016.9L432%20280l-46.5%2024.5c-11.7%206.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4%208.9-27.3l52-7.6l23.3-47.2zm-195.3%200l23.3%2047.2l52%207.6c13.1%201.9%2018.4%2018%208.9%2027.3l-37.7%2036.7l8.9%2051.8c2.2%2013.1-11.5%2023-23.2%2016.9L208%20280l-46.5%2024.5c-11.7%206.2-25.5-3.8-23.2-16.9l8.9-51.8l-37.7-36.7c-9.5-9.3-4.3-25.4%208.9-27.3l52-7.6l23.3-47.2c5.9-11.9%2022.8-11.9%2028.7%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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