star and crescent icon
star-and-crescent from Line Awesome by Icons8 · Line · Religion · Apache-2.0 Free for personal and commercial use.
- Name
- star-and-crescent
- Set
- Line Awesome
- Style
- Line
- Category
- Religion
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- star-and-crescent-solid
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-crescentNoto Emojistar-and-crescentOpenMojistar-and-crescentPhosphorstar-and-crescentTwitter Emoji
More religion icons from Line Awesome
Use the star and crescent icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 4C8.145 4 3.031 9.41 3.031 16S8.145 28 14.5 28c3.867 0 6.477-1.555 8.438-3.406l-.688-.719l-.5-.875c-1.156.684-2.215 1-4.75 1c-4.426 0-8-3.34-8-8s3.578-8 8-8c2.148 0 3.645.34 4.719.938l.218-.407L22 8.47l-.25.469c.02.011.035.015.063.03l.5-.843l.718-.719C21.031 5.52 18.176 4 14.5 4m0 2c.46 0 .887.043 1.313.094C10.905 6.668 7 10.719 7 16c0 5.293 3.926 9.344 8.844 9.906A12 12 0 0 1 14.5 26c-5.223 0-9.469-4.441-9.469-10c0-5.563 4.246-10 9.469-10m11.094 5l-2.157 3.094l-3.406-1.219L22.125 16L20 19.063l3.438-1.157L25.563 21v-3.813L29 16l-3.438-1.188z"/></svg>
React
import type { SVGProps } from "react";
export function LaStarAndCrescent(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 4C8.145 4 3.031 9.41 3.031 16S8.145 28 14.5 28c3.867 0 6.477-1.555 8.438-3.406l-.688-.719l-.5-.875c-1.156.684-2.215 1-4.75 1c-4.426 0-8-3.34-8-8s3.578-8 8-8c2.148 0 3.645.34 4.719.938l.218-.407L22 8.47l-.25.469c.02.011.035.015.063.03l.5-.843l.718-.719C21.031 5.52 18.176 4 14.5 4m0 2c.46 0 .887.043 1.313.094C10.905 6.668 7 10.719 7 16c0 5.293 3.926 9.344 8.844 9.906A12 12 0 0 1 14.5 26c-5.223 0-9.469-4.441-9.469-10c0-5.563 4.246-10 9.469-10m11.094 5l-2.157 3.094l-3.406-1.219L22.125 16L20 19.063l3.438-1.157L25.563 21v-3.813L29 16l-3.438-1.188z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 4C8.145 4 3.031 9.41 3.031 16S8.145 28 14.5 28c3.867 0 6.477-1.555 8.438-3.406l-.688-.719l-.5-.875c-1.156.684-2.215 1-4.75 1c-4.426 0-8-3.34-8-8s3.578-8 8-8c2.148 0 3.645.34 4.719.938l.218-.407L22 8.47l-.25.469c.02.011.035.015.063.03l.5-.843l.718-.719C21.031 5.52 18.176 4 14.5 4m0 2c.46 0 .887.043 1.313.094C10.905 6.668 7 10.719 7 16c0 5.293 3.926 9.344 8.844 9.906A12 12 0 0 1 14.5 26c-5.223 0-9.469-4.441-9.469-10c0-5.563 4.246-10 9.469-10m11.094 5l-2.157 3.094l-3.406-1.219L22.125 16L20 19.063l3.438-1.157L25.563 21v-3.813L29 16l-3.438-1.188z"/></svg> </template>
CSS
.icon-star-and-crescent {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%204C8.145%204%203.031%209.41%203.031%2016S8.145%2028%2014.5%2028c3.867%200%206.477-1.555%208.438-3.406l-.688-.719l-.5-.875c-1.156.684-2.215%201-4.75%201c-4.426%200-8-3.34-8-8s3.578-8%208-8c2.148%200%203.645.34%204.719.938l.218-.407L22%208.47l-.25.469c.02.011.035.015.063.03l.5-.843l.718-.719C21.031%205.52%2018.176%204%2014.5%204m0%202c.46%200%20.887.043%201.313.094C10.905%206.668%207%2010.719%207%2016c0%205.293%203.926%209.344%208.844%209.906A12%2012%200%200%201%2014.5%2026c-5.223%200-9.469-4.441-9.469-10c0-5.563%204.246-10%209.469-10m11.094%205l-2.157%203.094l-3.406-1.219L22.125%2016L20%2019.063l3.438-1.157L25.563%2021v-3.813L29%2016l-3.438-1.188z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%204C8.145%204%203.031%209.41%203.031%2016S8.145%2028%2014.5%2028c3.867%200%206.477-1.555%208.438-3.406l-.688-.719l-.5-.875c-1.156.684-2.215%201-4.75%201c-4.426%200-8-3.34-8-8s3.578-8%208-8c2.148%200%203.645.34%204.719.938l.218-.407L22%208.47l-.25.469c.02.011.035.015.063.03l.5-.843l.718-.719C21.031%205.52%2018.176%204%2014.5%204m0%202c.46%200%20.887.043%201.313.094C10.905%206.668%207%2010.719%207%2016c0%205.293%203.926%209.344%208.844%209.906A12%2012%200%200%201%2014.5%2026c-5.223%200-9.469-4.441-9.469-10c0-5.563%204.246-10%209.469-10m11.094%205l-2.157%203.094l-3.406-1.219L22.125%2016L20%2019.063l3.438-1.157L25.563%2021v-3.813L29%2016l-3.438-1.188z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/star-and-crescent.svg?color=%231a73e8&size=48
