star large icon
star-large-outline from Health Icons by Resolve to Save Lives · Outline · Shapes · MIT Free for personal and commercial use.
- Name
- star-large-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Shapes
- Viewbox
- 48×48
- License
- MIT
- Aliases
- star-large2x-outline
1 other variant in Health Icons
More shapes icons from Health Icons
Use the star large icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m24 9.762l-3.89 7.92a3 3 0 0 1-2.265 1.65l-8.717 1.273l6.314 6.185a3.02 3.02 0 0 1 .862 2.66l-1.489 8.722l7.782-4.111a3 3 0 0 1 2.806 0l7.782 4.11l-1.489-8.72a3.02 3.02 0 0 1 .862-2.661l6.315-6.185l-8.718-1.273a3 3 0 0 1-2.265-1.65zm.903-2.698a1.005 1.005 0 0 0-1.806 0L18.315 16.8c-.147.298-.43.505-.759.553L6.864 18.914c-.826.121-1.156 1.141-.558 1.726l7.738 7.579c.237.232.346.567.29.895l-1.827 10.7c-.141.827.722 1.458 1.461 1.068l9.564-5.053c.294-.155.644-.155.938 0l9.564 5.053c.739.39 1.602-.24 1.461-1.067l-1.827-10.7a1.01 1.01 0 0 1 .29-.896l7.738-7.579c.597-.585.268-1.605-.558-1.726l-10.693-1.56a1.01 1.01 0 0 1-.759-.554z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsStarLargeOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="m24 9.762l-3.89 7.92a3 3 0 0 1-2.265 1.65l-8.717 1.273l6.314 6.185a3.02 3.02 0 0 1 .862 2.66l-1.489 8.722l7.782-4.111a3 3 0 0 1 2.806 0l7.782 4.11l-1.489-8.72a3.02 3.02 0 0 1 .862-2.661l6.315-6.185l-8.718-1.273a3 3 0 0 1-2.265-1.65zm.903-2.698a1.005 1.005 0 0 0-1.806 0L18.315 16.8c-.147.298-.43.505-.759.553L6.864 18.914c-.826.121-1.156 1.141-.558 1.726l7.738 7.579c.237.232.346.567.29.895l-1.827 10.7c-.141.827.722 1.458 1.461 1.068l9.564-5.053c.294-.155.644-.155.938 0l9.564 5.053c.739.39 1.602-.24 1.461-1.067l-1.827-10.7a1.01 1.01 0 0 1 .29-.896l7.738-7.579c.597-.585.268-1.605-.558-1.726l-10.693-1.56a1.01 1.01 0 0 1-.759-.554z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m24 9.762l-3.89 7.92a3 3 0 0 1-2.265 1.65l-8.717 1.273l6.314 6.185a3.02 3.02 0 0 1 .862 2.66l-1.489 8.722l7.782-4.111a3 3 0 0 1 2.806 0l7.782 4.11l-1.489-8.72a3.02 3.02 0 0 1 .862-2.661l6.315-6.185l-8.718-1.273a3 3 0 0 1-2.265-1.65zm.903-2.698a1.005 1.005 0 0 0-1.806 0L18.315 16.8c-.147.298-.43.505-.759.553L6.864 18.914c-.826.121-1.156 1.141-.558 1.726l7.738 7.579c.237.232.346.567.29.895l-1.827 10.7c-.141.827.722 1.458 1.461 1.068l9.564-5.053c.294-.155.644-.155.938 0l9.564 5.053c.739.39 1.602-.24 1.461-1.067l-1.827-10.7a1.01 1.01 0 0 1 .29-.896l7.738-7.579c.597-.585.268-1.605-.558-1.726l-10.693-1.56a1.01 1.01 0 0 1-.759-.554z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-star-large-outline {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m24%209.762l-3.89%207.92a3%203%200%200%201-2.265%201.65l-8.717%201.273l6.314%206.185a3.02%203.02%200%200%201%20.862%202.66l-1.489%208.722l7.782-4.111a3%203%200%200%201%202.806%200l7.782%204.11l-1.489-8.72a3.02%203.02%200%200%201%20.862-2.661l6.315-6.185l-8.718-1.273a3%203%200%200%201-2.265-1.65zm.903-2.698a1.005%201.005%200%200%200-1.806%200L18.315%2016.8c-.147.298-.43.505-.759.553L6.864%2018.914c-.826.121-1.156%201.141-.558%201.726l7.738%207.579c.237.232.346.567.29.895l-1.827%2010.7c-.141.827.722%201.458%201.461%201.068l9.564-5.053c.294-.155.644-.155.938%200l9.564%205.053c.739.39%201.602-.24%201.461-1.067l-1.827-10.7a1.01%201.01%200%200%201%20.29-.896l7.738-7.579c.597-.585.268-1.605-.558-1.726l-10.693-1.56a1.01%201.01%200%200%201-.759-.554z%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m24%209.762l-3.89%207.92a3%203%200%200%201-2.265%201.65l-8.717%201.273l6.314%206.185a3.02%203.02%200%200%201%20.862%202.66l-1.489%208.722l7.782-4.111a3%203%200%200%201%202.806%200l7.782%204.11l-1.489-8.72a3.02%203.02%200%200%201%20.862-2.661l6.315-6.185l-8.718-1.273a3%203%200%200%201-2.265-1.65zm.903-2.698a1.005%201.005%200%200%200-1.806%200L18.315%2016.8c-.147.298-.43.505-.759.553L6.864%2018.914c-.826.121-1.156%201.141-.558%201.726l7.738%207.579c.237.232.346.567.29.895l-1.827%2010.7c-.141.827.722%201.458%201.461%201.068l9.564-5.053c.294-.155.644-.155.938%200l9.564%205.053c.739.39%201.602-.24%201.461-1.067l-1.827-10.7a1.01%201.01%200%200%201%20.29-.896l7.738-7.579c.597-.585.268-1.605-.558-1.726l-10.693-1.56a1.01%201.01%200%200%201-.759-.554z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/star-large-outline.svg?color=%231a73e8&size=48
