square hint sparkles icon

square-hint-sparkles-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.

Name
square-hint-sparkles-16-regular
Set
Fluent UI System Icons
Style
16 Regular
Viewbox
16×16
License
MIT

11 other variants in Fluent UI System Icons

square-hint-sparkles-16-filledsquare-hint-sparkles-20-filledsquare-hint-sparkles-20-regularsquare-hint-sparkles-24-filledsquare-hint-sparkles-24-regularsquare-hint-sparkles-28-filledsquare-hint-sparkles-28-regularsquare-hint-sparkles-32-filledsquare-hint-sparkles-32-regularsquare-hint-sparkles-48-filledsquare-hint-sparkles-48-regular

Related icons in Fluent UI System Icons

square-add-16-filledsquare-arrow-forward-16-filledsquare-dismiss-16-filledsquare-dovetail-joint-12-filledsquare-eraser-20-filledsquare-hint-16-filledsquare-hint-apps-20-filledsquare-hint-arrow-back-16-filledsquare-hint-hexagon-12-filledsquare-multiple-16-filledsquare-shadow-12-filledsquare-text-arrow-repeat-all-16-filled

Use the square hint sparkles icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m13.798 2.217l-.015-.004l-.765-.248a1.58 1.58 0 0 1-1-.999L11.77.202a.302.302 0 0 0-.57 0l-.25.764a1.58 1.58 0 0 1-.983.999l-.765.248a.302.302 0 0 0 0 .57l.765.249a1.58 1.58 0 0 1 1 1.002l.248.764A.3.3 0 0 0 11.5 5h.004a.3.3 0 0 0 .281-.202l.249-.764a1.58 1.58 0 0 1 .999-.999l.765-.248a.303.303 0 0 0 0-.57m1.416 3.355l.612.199l.013.003a.242.242 0 0 1 0 .455l-.613.2a1.26 1.26 0 0 0-.799.798l-.199.612a.241.241 0 0 1-.456 0l-.2-.612a1.26 1.26 0 0 0-.798-.802l-.613-.199a.242.242 0 0 1 0-.455l.613-.2a1.26 1.26 0 0 0 .787-.798l.199-.612a.242.242 0 0 1 .456 0l.199.612a1.26 1.26 0 0 0 .799.799M8 2.5c0-.173.035-.343.1-.5H7a.5.5 0 0 0 0 1h1.1a1.3 1.3 0 0 1-.1-.5M4.5 2a.5.5 0 0 1 0 1A1.5 1.5 0 0 0 3 4.5a.5.5 0 0 1-1 0A2.5 2.5 0 0 1 4.5 2m9 9a.5.5 0 0 1 .5.5a2.5 2.5 0 0 1-2.5 2.5a.5.5 0 0 1 0-1a1.5 1.5 0 0 0 1.5-1.5a.5.5 0 0 1 .5-.5m-7 2.5A.5.5 0 0 1 7 13h2a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m-2-.5a.5.5 0 0 1 0 1A2.5 2.5 0 0 1 2 11.5a.5.5 0 0 1 1 0A1.5 1.5 0 0 0 4.5 13m-2-3.5A.5.5 0 0 0 3 9V7a.5.5 0 0 0-1 0v2a.5.5 0 0 0 .5.5"/></svg>

React

import type { SVGProps } from "react";

export function FluentSquareHintSparkles16Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m13.798 2.217l-.015-.004l-.765-.248a1.58 1.58 0 0 1-1-.999L11.77.202a.302.302 0 0 0-.57 0l-.25.764a1.58 1.58 0 0 1-.983.999l-.765.248a.302.302 0 0 0 0 .57l.765.249a1.58 1.58 0 0 1 1 1.002l.248.764A.3.3 0 0 0 11.5 5h.004a.3.3 0 0 0 .281-.202l.249-.764a1.58 1.58 0 0 1 .999-.999l.765-.248a.303.303 0 0 0 0-.57m1.416 3.355l.612.199l.013.003a.242.242 0 0 1 0 .455l-.613.2a1.26 1.26 0 0 0-.799.798l-.199.612a.241.241 0 0 1-.456 0l-.2-.612a1.26 1.26 0 0 0-.798-.802l-.613-.199a.242.242 0 0 1 0-.455l.613-.2a1.26 1.26 0 0 0 .787-.798l.199-.612a.242.242 0 0 1 .456 0l.199.612a1.26 1.26 0 0 0 .799.799M8 2.5c0-.173.035-.343.1-.5H7a.5.5 0 0 0 0 1h1.1a1.3 1.3 0 0 1-.1-.5M4.5 2a.5.5 0 0 1 0 1A1.5 1.5 0 0 0 3 4.5a.5.5 0 0 1-1 0A2.5 2.5 0 0 1 4.5 2m9 9a.5.5 0 0 1 .5.5a2.5 2.5 0 0 1-2.5 2.5a.5.5 0 0 1 0-1a1.5 1.5 0 0 0 1.5-1.5a.5.5 0 0 1 .5-.5m-7 2.5A.5.5 0 0 1 7 13h2a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m-2-.5a.5.5 0 0 1 0 1A2.5 2.5 0 0 1 2 11.5a.5.5 0 0 1 1 0A1.5 1.5 0 0 0 4.5 13m-2-3.5A.5.5 0 0 0 3 9V7a.5.5 0 0 0-1 0v2a.5.5 0 0 0 .5.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m13.798 2.217l-.015-.004l-.765-.248a1.58 1.58 0 0 1-1-.999L11.77.202a.302.302 0 0 0-.57 0l-.25.764a1.58 1.58 0 0 1-.983.999l-.765.248a.302.302 0 0 0 0 .57l.765.249a1.58 1.58 0 0 1 1 1.002l.248.764A.3.3 0 0 0 11.5 5h.004a.3.3 0 0 0 .281-.202l.249-.764a1.58 1.58 0 0 1 .999-.999l.765-.248a.303.303 0 0 0 0-.57m1.416 3.355l.612.199l.013.003a.242.242 0 0 1 0 .455l-.613.2a1.26 1.26 0 0 0-.799.798l-.199.612a.241.241 0 0 1-.456 0l-.2-.612a1.26 1.26 0 0 0-.798-.802l-.613-.199a.242.242 0 0 1 0-.455l.613-.2a1.26 1.26 0 0 0 .787-.798l.199-.612a.242.242 0 0 1 .456 0l.199.612a1.26 1.26 0 0 0 .799.799M8 2.5c0-.173.035-.343.1-.5H7a.5.5 0 0 0 0 1h1.1a1.3 1.3 0 0 1-.1-.5M4.5 2a.5.5 0 0 1 0 1A1.5 1.5 0 0 0 3 4.5a.5.5 0 0 1-1 0A2.5 2.5 0 0 1 4.5 2m9 9a.5.5 0 0 1 .5.5a2.5 2.5 0 0 1-2.5 2.5a.5.5 0 0 1 0-1a1.5 1.5 0 0 0 1.5-1.5a.5.5 0 0 1 .5-.5m-7 2.5A.5.5 0 0 1 7 13h2a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m-2-.5a.5.5 0 0 1 0 1A2.5 2.5 0 0 1 2 11.5a.5.5 0 0 1 1 0A1.5 1.5 0 0 0 4.5 13m-2-3.5A.5.5 0 0 0 3 9V7a.5.5 0 0 0-1 0v2a.5.5 0 0 0 .5.5"/></svg>
</template>

CSS

.icon-square-hint-sparkles-16-regular {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.798%202.217l-.015-.004l-.765-.248a1.58%201.58%200%200%201-1-.999L11.77.202a.302.302%200%200%200-.57%200l-.25.764a1.58%201.58%200%200%201-.983.999l-.765.248a.302.302%200%200%200%200%20.57l.765.249a1.58%201.58%200%200%201%201%201.002l.248.764A.3.3%200%200%200%2011.5%205h.004a.3.3%200%200%200%20.281-.202l.249-.764a1.58%201.58%200%200%201%20.999-.999l.765-.248a.303.303%200%200%200%200-.57m1.416%203.355l.612.199l.013.003a.242.242%200%200%201%200%20.455l-.613.2a1.26%201.26%200%200%200-.799.798l-.199.612a.241.241%200%200%201-.456%200l-.2-.612a1.26%201.26%200%200%200-.798-.802l-.613-.199a.242.242%200%200%201%200-.455l.613-.2a1.26%201.26%200%200%200%20.787-.798l.199-.612a.242.242%200%200%201%20.456%200l.199.612a1.26%201.26%200%200%200%20.799.799M8%202.5c0-.173.035-.343.1-.5H7a.5.5%200%200%200%200%201h1.1a1.3%201.3%200%200%201-.1-.5M4.5%202a.5.5%200%200%201%200%201A1.5%201.5%200%200%200%203%204.5a.5.5%200%200%201-1%200A2.5%202.5%200%200%201%204.5%202m9%209a.5.5%200%200%201%20.5.5a2.5%202.5%200%200%201-2.5%202.5a.5.5%200%200%201%200-1a1.5%201.5%200%200%200%201.5-1.5a.5.5%200%200%201%20.5-.5m-7%202.5A.5.5%200%200%201%207%2013h2a.5.5%200%200%201%200%201H7a.5.5%200%200%201-.5-.5m-2-.5a.5.5%200%200%201%200%201A2.5%202.5%200%200%201%202%2011.5a.5.5%200%200%201%201%200A1.5%201.5%200%200%200%204.5%2013m-2-3.5A.5.5%200%200%200%203%209V7a.5.5%200%200%200-1%200v2a.5.5%200%200%200%20.5.5%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.798%202.217l-.015-.004l-.765-.248a1.58%201.58%200%200%201-1-.999L11.77.202a.302.302%200%200%200-.57%200l-.25.764a1.58%201.58%200%200%201-.983.999l-.765.248a.302.302%200%200%200%200%20.57l.765.249a1.58%201.58%200%200%201%201%201.002l.248.764A.3.3%200%200%200%2011.5%205h.004a.3.3%200%200%200%20.281-.202l.249-.764a1.58%201.58%200%200%201%20.999-.999l.765-.248a.303.303%200%200%200%200-.57m1.416%203.355l.612.199l.013.003a.242.242%200%200%201%200%20.455l-.613.2a1.26%201.26%200%200%200-.799.798l-.199.612a.241.241%200%200%201-.456%200l-.2-.612a1.26%201.26%200%200%200-.798-.802l-.613-.199a.242.242%200%200%201%200-.455l.613-.2a1.26%201.26%200%200%200%20.787-.798l.199-.612a.242.242%200%200%201%20.456%200l.199.612a1.26%201.26%200%200%200%20.799.799M8%202.5c0-.173.035-.343.1-.5H7a.5.5%200%200%200%200%201h1.1a1.3%201.3%200%200%201-.1-.5M4.5%202a.5.5%200%200%201%200%201A1.5%201.5%200%200%200%203%204.5a.5.5%200%200%201-1%200A2.5%202.5%200%200%201%204.5%202m9%209a.5.5%200%200%201%20.5.5a2.5%202.5%200%200%201-2.5%202.5a.5.5%200%200%201%200-1a1.5%201.5%200%200%200%201.5-1.5a.5.5%200%200%201%20.5-.5m-7%202.5A.5.5%200%200%201%207%2013h2a.5.5%200%200%201%200%201H7a.5.5%200%200%201-.5-.5m-2-.5a.5.5%200%200%201%200%201A2.5%202.5%200%200%201%202%2011.5a.5.5%200%200%201%201%200A1.5%201.5%200%200%200%204.5%2013m-2-3.5A.5.5%200%200%200%203%209V7a.5.5%200%200%200-1%200v2a.5.5%200%200%200%20.5.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/square-hint-sparkles-16-regular.svg?color=%231a73e8&size=48