checkmark starburst icon
checkmark-starburst-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- checkmark-starburst-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
11 other variants in Fluent UI System Icons
checkmark-starburst-16-filledcheckmark-starburst-16-regularcheckmark-starburst-20-filledcheckmark-starburst-20-regularcheckmark-starburst-24-filledcheckmark-starburst-24-regularcheckmark-starburst-28-filledcheckmark-starburst-28-regularcheckmark-starburst-32-regularcheckmark-starburst-48-filledcheckmark-starburst-48-regular
Related icons in Fluent UI System Icons
Use the checkmark starburst icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.112 4.734a3.995 3.995 0 0 1 5.612-2.297l1.425.731c.567.29 1.237.293 1.806.008l1.433-.718a3.994 3.994 0 0 1 5.59 2.344l.493 1.524a2 2 0 0 0 1.271 1.282l1.52.505a3.995 3.995 0 0 1 2.297 5.612l-.73 1.425a2 2 0 0 0-.009 1.806l.718 1.433a3.994 3.994 0 0 1-2.344 5.59l-1.524.493a2 2 0 0 0-1.282 1.271l-.505 1.52a3.995 3.995 0 0 1-5.611 2.297l-1.426-.73a2 2 0 0 0-1.806-.009l-1.432.718a3.995 3.995 0 0 1-5.591-2.344l-.493-1.524a2 2 0 0 0-1.27-1.282l-1.52-.505a3.995 3.995 0 0 1-2.297-5.611l.73-1.426c.29-.567.293-1.237.008-1.806l-.718-1.432a3.995 3.995 0 0 1 2.344-5.591l1.524-.493a2 2 0 0 0 1.282-1.27zm14.594 6.559a1 1 0 0 0-1.414 0l-6.793 6.793l-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l7.5-7.5a1 1 0 0 0 0-1.414"/></svg>
React
import type { SVGProps } from "react";
export function FluentCheckmarkStarburst32Filled(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="M8.112 4.734a3.995 3.995 0 0 1 5.612-2.297l1.425.731c.567.29 1.237.293 1.806.008l1.433-.718a3.994 3.994 0 0 1 5.59 2.344l.493 1.524a2 2 0 0 0 1.271 1.282l1.52.505a3.995 3.995 0 0 1 2.297 5.612l-.73 1.425a2 2 0 0 0-.009 1.806l.718 1.433a3.994 3.994 0 0 1-2.344 5.59l-1.524.493a2 2 0 0 0-1.282 1.271l-.505 1.52a3.995 3.995 0 0 1-5.611 2.297l-1.426-.73a2 2 0 0 0-1.806-.009l-1.432.718a3.995 3.995 0 0 1-5.591-2.344l-.493-1.524a2 2 0 0 0-1.27-1.282l-1.52-.505a3.995 3.995 0 0 1-2.297-5.611l.73-1.426c.29-.567.293-1.237.008-1.806l-.718-1.432a3.995 3.995 0 0 1 2.344-5.591l1.524-.493a2 2 0 0 0 1.282-1.27zm14.594 6.559a1 1 0 0 0-1.414 0l-6.793 6.793l-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l7.5-7.5a1 1 0 0 0 0-1.414"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.112 4.734a3.995 3.995 0 0 1 5.612-2.297l1.425.731c.567.29 1.237.293 1.806.008l1.433-.718a3.994 3.994 0 0 1 5.59 2.344l.493 1.524a2 2 0 0 0 1.271 1.282l1.52.505a3.995 3.995 0 0 1 2.297 5.612l-.73 1.425a2 2 0 0 0-.009 1.806l.718 1.433a3.994 3.994 0 0 1-2.344 5.59l-1.524.493a2 2 0 0 0-1.282 1.271l-.505 1.52a3.995 3.995 0 0 1-5.611 2.297l-1.426-.73a2 2 0 0 0-1.806-.009l-1.432.718a3.995 3.995 0 0 1-5.591-2.344l-.493-1.524a2 2 0 0 0-1.27-1.282l-1.52-.505a3.995 3.995 0 0 1-2.297-5.611l.73-1.426c.29-.567.293-1.237.008-1.806l-.718-1.432a3.995 3.995 0 0 1 2.344-5.591l1.524-.493a2 2 0 0 0 1.282-1.27zm14.594 6.559a1 1 0 0 0-1.414 0l-6.793 6.793l-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l7.5-7.5a1 1 0 0 0 0-1.414"/></svg> </template>
CSS
.icon-checkmark-starburst-32-filled {
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%22M8.112%204.734a3.995%203.995%200%200%201%205.612-2.297l1.425.731c.567.29%201.237.293%201.806.008l1.433-.718a3.994%203.994%200%200%201%205.59%202.344l.493%201.524a2%202%200%200%200%201.271%201.282l1.52.505a3.995%203.995%200%200%201%202.297%205.612l-.73%201.425a2%202%200%200%200-.009%201.806l.718%201.433a3.994%203.994%200%200%201-2.344%205.59l-1.524.493a2%202%200%200%200-1.282%201.271l-.505%201.52a3.995%203.995%200%200%201-5.611%202.297l-1.426-.73a2%202%200%200%200-1.806-.009l-1.432.718a3.995%203.995%200%200%201-5.591-2.344l-.493-1.524a2%202%200%200%200-1.27-1.282l-1.52-.505a3.995%203.995%200%200%201-2.297-5.611l.73-1.426c.29-.567.293-1.237.008-1.806l-.718-1.432a3.995%203.995%200%200%201%202.344-5.591l1.524-.493a2%202%200%200%200%201.282-1.27zm14.594%206.559a1%201%200%200%200-1.414%200l-6.793%206.793l-3.293-3.293a1%201%200%200%200-1.414%201.414l4%204a1%201%200%200%200%201.414%200l7.5-7.5a1%201%200%200%200%200-1.414%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%22M8.112%204.734a3.995%203.995%200%200%201%205.612-2.297l1.425.731c.567.29%201.237.293%201.806.008l1.433-.718a3.994%203.994%200%200%201%205.59%202.344l.493%201.524a2%202%200%200%200%201.271%201.282l1.52.505a3.995%203.995%200%200%201%202.297%205.612l-.73%201.425a2%202%200%200%200-.009%201.806l.718%201.433a3.994%203.994%200%200%201-2.344%205.59l-1.524.493a2%202%200%200%200-1.282%201.271l-.505%201.52a3.995%203.995%200%200%201-5.611%202.297l-1.426-.73a2%202%200%200%200-1.806-.009l-1.432.718a3.995%203.995%200%200%201-5.591-2.344l-.493-1.524a2%202%200%200%200-1.27-1.282l-1.52-.505a3.995%203.995%200%200%201-2.297-5.611l.73-1.426c.29-.567.293-1.237.008-1.806l-.718-1.432a3.995%203.995%200%200%201%202.344-5.591l1.524-.493a2%202%200%200%200%201.282-1.27zm14.594%206.559a1%201%200%200%200-1.414%200l-6.793%206.793l-3.293-3.293a1%201%200%200%200-1.414%201.414l4%204a1%201%200%200%200%201.414%200l7.5-7.5a1%201%200%200%200%200-1.414%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/checkmark-starburst-32-filled.svg?color=%231a73e8&size=48
