star and crescent icon

star-and-crescent-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
star-and-crescent-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

star-and-crescentstar-and-crescent-boldstar-and-crescent-duotonestar-and-crescent-fillstar-and-crescent-light

The same icon in other sets

star-and-crescentEmoji One (Colored)star-and-crescentFont Awesome 6 Solidstar-and-crescentFont Awesome Solidstar-and-crescentFluent Emojistar-and-crescentFluent Emoji Flatstar-and-crescentFluent Emoji High Contraststar-and-crescentLine Awesomestar-and-crescentNoto Emojistar-and-crescentOpenMojistar-and-crescentTwitter Emoji

Related icons in Phosphor

star-fourstar-halfstar-of-david

Use the star and crescent icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M153.82 53.16a4 4 0 0 0 0-7.13A91.1 91.1 0 0 0 112 36a92 92 0 0 0 0 184a91.1 91.1 0 0 0 41.82-10a4 4 0 0 0 0-7.13a84 84 0 0 1 0-149.68ZM100 128a91.63 91.63 0 0 0 43.21 78a83.2 83.2 0 0 1-31.21 6a84 84 0 0 1 0-168a83.2 83.2 0 0 1 31.21 6A91.63 91.63 0 0 0 100 128m149.58-3.67l-28.71-12.4l-2.49-32.24a4 4 0 0 0-7.08-2.24l-20.19 24.46L161 94.45a4 4 0 0 0-4.41 5.91L172.82 128l-16.27 27.64a4 4 0 0 0 4.41 5.91l30.15-7.46l20.19 24.46a4 4 0 0 0 3.09 1.45a3.8 3.8 0 0 0 1.2-.19a4 4 0 0 0 2.79-3.5l2.49-32.24l28.71-12.4a4 4 0 0 0 0-7.34m-34.1 13.35a4 4 0 0 0-2.4 3.36l-1.92 24.77l-15.49-18.76a4 4 0 0 0-3.08-1.45a4 4 0 0 0-1 .12l-23.36 5.78l12.68-21.5a4 4 0 0 0 0-4.06l-12.64-21.44l23.36 5.78a4 4 0 0 0 4-1.33l15.49-18.76l1.96 24.81a4 4 0 0 0 2.4 3.36L237.9 128Z"/></svg>

React

import type { SVGProps } from "react";

export function PhStarAndCrescentThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M153.82 53.16a4 4 0 0 0 0-7.13A91.1 91.1 0 0 0 112 36a92 92 0 0 0 0 184a91.1 91.1 0 0 0 41.82-10a4 4 0 0 0 0-7.13a84 84 0 0 1 0-149.68ZM100 128a91.63 91.63 0 0 0 43.21 78a83.2 83.2 0 0 1-31.21 6a84 84 0 0 1 0-168a83.2 83.2 0 0 1 31.21 6A91.63 91.63 0 0 0 100 128m149.58-3.67l-28.71-12.4l-2.49-32.24a4 4 0 0 0-7.08-2.24l-20.19 24.46L161 94.45a4 4 0 0 0-4.41 5.91L172.82 128l-16.27 27.64a4 4 0 0 0 4.41 5.91l30.15-7.46l20.19 24.46a4 4 0 0 0 3.09 1.45a3.8 3.8 0 0 0 1.2-.19a4 4 0 0 0 2.79-3.5l2.49-32.24l28.71-12.4a4 4 0 0 0 0-7.34m-34.1 13.35a4 4 0 0 0-2.4 3.36l-1.92 24.77l-15.49-18.76a4 4 0 0 0-3.08-1.45a4 4 0 0 0-1 .12l-23.36 5.78l12.68-21.5a4 4 0 0 0 0-4.06l-12.64-21.44l23.36 5.78a4 4 0 0 0 4-1.33l15.49-18.76l1.96 24.81a4 4 0 0 0 2.4 3.36L237.9 128Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M153.82 53.16a4 4 0 0 0 0-7.13A91.1 91.1 0 0 0 112 36a92 92 0 0 0 0 184a91.1 91.1 0 0 0 41.82-10a4 4 0 0 0 0-7.13a84 84 0 0 1 0-149.68ZM100 128a91.63 91.63 0 0 0 43.21 78a83.2 83.2 0 0 1-31.21 6a84 84 0 0 1 0-168a83.2 83.2 0 0 1 31.21 6A91.63 91.63 0 0 0 100 128m149.58-3.67l-28.71-12.4l-2.49-32.24a4 4 0 0 0-7.08-2.24l-20.19 24.46L161 94.45a4 4 0 0 0-4.41 5.91L172.82 128l-16.27 27.64a4 4 0 0 0 4.41 5.91l30.15-7.46l20.19 24.46a4 4 0 0 0 3.09 1.45a3.8 3.8 0 0 0 1.2-.19a4 4 0 0 0 2.79-3.5l2.49-32.24l28.71-12.4a4 4 0 0 0 0-7.34m-34.1 13.35a4 4 0 0 0-2.4 3.36l-1.92 24.77l-15.49-18.76a4 4 0 0 0-3.08-1.45a4 4 0 0 0-1 .12l-23.36 5.78l12.68-21.5a4 4 0 0 0 0-4.06l-12.64-21.44l23.36 5.78a4 4 0 0 0 4-1.33l15.49-18.76l1.96 24.81a4 4 0 0 0 2.4 3.36L237.9 128Z"/></svg>
</template>

CSS

.icon-star-and-crescent-thin {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M153.82%2053.16a4%204%200%200%200%200-7.13A91.1%2091.1%200%200%200%20112%2036a92%2092%200%200%200%200%20184a91.1%2091.1%200%200%200%2041.82-10a4%204%200%200%200%200-7.13a84%2084%200%200%201%200-149.68ZM100%20128a91.63%2091.63%200%200%200%2043.21%2078a83.2%2083.2%200%200%201-31.21%206a84%2084%200%200%201%200-168a83.2%2083.2%200%200%201%2031.21%206A91.63%2091.63%200%200%200%20100%20128m149.58-3.67l-28.71-12.4l-2.49-32.24a4%204%200%200%200-7.08-2.24l-20.19%2024.46L161%2094.45a4%204%200%200%200-4.41%205.91L172.82%20128l-16.27%2027.64a4%204%200%200%200%204.41%205.91l30.15-7.46l20.19%2024.46a4%204%200%200%200%203.09%201.45a3.8%203.8%200%200%200%201.2-.19a4%204%200%200%200%202.79-3.5l2.49-32.24l28.71-12.4a4%204%200%200%200%200-7.34m-34.1%2013.35a4%204%200%200%200-2.4%203.36l-1.92%2024.77l-15.49-18.76a4%204%200%200%200-3.08-1.45a4%204%200%200%200-1%20.12l-23.36%205.78l12.68-21.5a4%204%200%200%200%200-4.06l-12.64-21.44l23.36%205.78a4%204%200%200%200%204-1.33l15.49-18.76l1.96%2024.81a4%204%200%200%200%202.4%203.36L237.9%20128Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M153.82%2053.16a4%204%200%200%200%200-7.13A91.1%2091.1%200%200%200%20112%2036a92%2092%200%200%200%200%20184a91.1%2091.1%200%200%200%2041.82-10a4%204%200%200%200%200-7.13a84%2084%200%200%201%200-149.68ZM100%20128a91.63%2091.63%200%200%200%2043.21%2078a83.2%2083.2%200%200%201-31.21%206a84%2084%200%200%201%200-168a83.2%2083.2%200%200%201%2031.21%206A91.63%2091.63%200%200%200%20100%20128m149.58-3.67l-28.71-12.4l-2.49-32.24a4%204%200%200%200-7.08-2.24l-20.19%2024.46L161%2094.45a4%204%200%200%200-4.41%205.91L172.82%20128l-16.27%2027.64a4%204%200%200%200%204.41%205.91l30.15-7.46l20.19%2024.46a4%204%200%200%200%203.09%201.45a3.8%203.8%200%200%200%201.2-.19a4%204%200%200%200%202.79-3.5l2.49-32.24l28.71-12.4a4%204%200%200%200%200-7.34m-34.1%2013.35a4%204%200%200%200-2.4%203.36l-1.92%2024.77l-15.49-18.76a4%204%200%200%200-3.08-1.45a4%204%200%200%200-1%20.12l-23.36%205.78l12.68-21.5a4%204%200%200%200%200-4.06l-12.64-21.44l23.36%205.78a4%204%200%200%200%204-1.33l15.49-18.76l1.96%2024.81a4%204%200%200%200%202.4%203.36L237.9%20128Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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