Checkmark Starburst icon
Used for toggle selection states or approvals. The Checkmark Starburst icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Checkmark Starburst icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { CheckmarkStarburst24Regular, CheckmarkStarburst24Filled } from "@fluentui/react-icons";
export function Example() {
return <CheckmarkStarburst24Regular aria-label="Checkmark Starburst" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_checkmark_starburst_24_regular.svg" width="24" height="24" alt="Checkmark Starburst"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.34664 3.75199C6.83576 2.31412 8.39803 1.54509 9.8359 2.03422C9.94836 2.07247 10.0584 2.11749 10.165 2.16996L11.4482 2.80179C11.7962 2.97298 12.2038 2.97304 12.5517 2.80179L13.8349 2.16996C15.1975 1.49933 16.8458 2.0604 17.5166 3.42288L17.5898 3.58499L17.6533 3.75199L18.1133 5.1055C18.2382 5.47286 18.5271 5.76178 18.8945 5.88674L20.248 6.3467C21.6858 6.83589 22.4549 8.39814 21.9658 9.83595C21.9275 9.94845 21.8816 10.0584 21.8291 10.1651L21.1982 11.4473C21.0268 11.7954 21.0268 12.2036 21.1982 12.5518L21.8291 13.835C22.4998 15.1975 21.9396 16.8457 20.5771 17.5166C20.4705 17.5691 20.3605 17.615 20.248 17.6533L18.8945 18.1133C18.5271 18.2382 18.2382 18.5271 18.1133 18.8945L17.6533 20.248C17.1641 21.6857 15.6018 22.4547 14.164 21.9658C14.0515 21.9275 13.9415 21.8816 13.8349 21.8291L12.5517 21.1972C12.2039 21.0261 11.7961 21.0262 11.4482 21.1972L10.165 21.8291C8.80254 22.4999 7.15434 21.9394 6.48336 20.5771C6.4309 20.4706 6.3849 20.3605 6.34664 20.248L5.88668 18.8945C5.76171 18.5271 5.4728 18.2382 5.10543 18.1133L3.75191 17.6533C2.31414 17.1642 1.54521 15.6018 2.03413 14.1641C2.07236 14.0517 2.11747 13.9415 2.16988 13.835L2.80171 12.5518C2.97309 12.2036 2.97311 11.7954 2.80171 11.4473L2.16988 10.1651C1.4991 8.80254 2.06036 7.15432 3.42281 6.48342C3.52943 6.43093 3.63939 6.38498 3.75191 6.3467L5.10543 5.88674C5.4728 5.76177 5.76171 5.47287 5.88668 5.1055L6.34664 3.75199ZM16.1084 3.97366C15.7725 3.43647 15.0777 3.22979 14.497 3.51566L13.2148 4.14749C12.4489 4.52458 11.551 4.52458 10.7851 4.14749L9.50289 3.51566C9.45442 3.4918 9.40365 3.47153 9.3525 3.45413C8.69901 3.23201 7.98886 3.58191 7.76656 4.23538L7.3066 5.58889C7.03163 6.39693 6.39688 7.03174 5.58882 7.30666L4.23531 7.76662C4.18416 7.78402 4.13338 7.80526 4.08492 7.82912C3.46598 8.1342 3.2118 8.88281 3.51656 9.50197L4.14742 10.7852C4.5245 11.5511 4.5245 12.4489 4.14742 13.2148L3.51656 14.4971C3.49273 14.5455 3.47144 14.5954 3.45406 14.6465C3.23173 15.3001 3.58173 16.0101 4.23531 16.2324L5.58882 16.6934C6.39691 16.9683 7.0317 17.603 7.3066 18.4111L7.76656 19.7646C7.78395 19.8158 7.80521 19.8656 7.82906 19.914C8.134 20.5334 8.88353 20.7883 9.50289 20.4834L10.7851 19.8515C11.551 19.4745 12.449 19.4745 13.2148 19.8515L14.497 20.4834C14.5454 20.5072 14.5954 20.5285 14.6465 20.5459C15.3 20.7682 16.01 20.4181 16.2324 19.7646L16.6933 18.4111C16.9683 17.6029 17.6029 16.9683 18.4111 16.6934L19.7646 16.2324C19.8157 16.2151 19.8657 16.1947 19.914 16.1709C20.5334 15.866 20.7883 15.1164 20.4834 14.4971L19.8525 13.2148C19.4754 12.4489 19.4754 11.5511 19.8525 10.7852L20.4834 9.50197C20.5072 9.45357 20.5285 9.40363 20.5459 9.35255C20.768 8.69906 20.4181 7.98892 19.7646 7.76662L18.4111 7.30666C17.603 7.03177 16.9683 6.39694 16.6933 5.58889L16.2324 4.23538L16.2041 4.15921L16.1709 4.08499L16.1084 3.97366ZM15.2197 8.96974C15.5126 8.67687 15.9873 8.6769 16.2802 8.96974C16.5731 9.26264 16.5731 9.7374 16.2802 10.0303L11.2802 15.0303C10.9873 15.3231 10.5126 15.3231 10.2197 15.0303L7.71969 12.5303C7.42686 12.2374 7.42687 11.7626 7.71969 11.4697C8.01256 11.1769 8.48734 11.1769 8.78023 11.4697L10.75 13.4395L15.2197 8.96974Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/checkmark_starburst_24_regular.svg";Details
| Name | Checkmark Starburst |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_checkmark_starburst_24_regular.svg |
| Filled file | ic_fluent_checkmark_starburst_24_filled.svg |
| React components | CheckmarkStarburst24Regular, CheckmarkStarburst24Filled |
| License | MIT (© Microsoft Corporation) |