Paint Brush Sparkle icon
Used in formatting content scenarios. The Paint Brush Sparkle 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 Paint Brush Sparkle 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 { PaintBrushSparkle24Regular, PaintBrushSparkle24Filled } from "@fluentui/react-icons";
export function Example() {
return <PaintBrushSparkle24Regular aria-label="Paint Brush Sparkle" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_paint_brush_sparkle_24_regular.svg" width="24" height="24" alt="Paint Brush Sparkle"> 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="M13.8539 15.1457C13.9377 15.2298 14.016 15.3189 14.0883 15.4123C14.2851 15.6666 14.4378 15.9533 14.539 16.2604L14.9868 17.6371C15.0242 17.7432 15.0937 17.8351 15.1856 17.9001C15.2776 17.9651 15.3874 18 15.5 18C15.6126 18 15.7224 17.9651 15.8144 17.9001C15.8964 17.8421 15.9605 17.7627 16 17.6709C16.0048 17.6598 16.0092 17.6486 16.0132 17.6371L16.461 16.2604C16.6003 15.8418 16.8353 15.4615 17.1474 15.1496C17.4595 14.8377 17.8402 14.6029 18.259 14.4637L19.6368 14.0163C19.743 13.9788 19.835 13.9094 19.9 13.8176C19.9651 13.7257 20 13.616 20 13.5034C20 13.3909 19.9651 13.2812 19.9 13.1893C19.835 13.0975 19.743 13.028 19.6368 12.9906L19.6093 12.9837L18.2315 12.5363C17.8126 12.3971 17.432 12.1623 17.1198 11.8504C16.8077 11.5385 16.5727 11.1582 16.4335 10.7396L15.9857 9.36289C15.9482 9.25678 15.8787 9.1649 15.7868 9.0999C15.6949 9.0349 15.5851 9 15.4724 9C15.3598 9 15.25 9.0349 15.1581 9.0999C15.0662 9.1649 14.9967 9.25678 14.9592 9.36289L14.5114 10.7396L14.5 10.7737C14.3623 11.1759 14.1357 11.5422 13.837 11.8454C13.5299 12.1571 13.1547 12.3935 12.741 12.5363L11.3632 12.9837C11.257 13.0212 11.165 13.0906 11.1 13.1824C11.0349 13.2743 11 13.384 11 13.4966C11 13.6091 11.0349 13.7188 11.1 13.8107C11.165 13.9025 11.257 13.972 11.3632 14.0094L12.741 14.4568C13.1606 14.5967 13.5417 14.8326 13.8539 15.1457ZM22.0175 18.9646L22.7829 19.2132L22.7982 19.217C22.8572 19.2378 22.9083 19.2764 22.9445 19.3274C22.9806 19.3784 23 19.4394 23 19.5019C23 19.5644 22.9806 19.6254 22.9445 19.6764C22.9083 19.7275 22.8572 19.766 22.7982 19.7868L22.0328 20.0354C21.8001 20.1127 21.5886 20.2432 21.4152 20.4164C21.2418 20.5897 21.1113 20.801 21.0339 21.0335L20.7851 21.7984C20.7643 21.8573 20.7257 21.9084 20.6746 21.9445C20.6236 21.9806 20.5626 22 20.5 22C20.4374 22 20.3764 21.9806 20.3254 21.9445C20.2743 21.9084 20.2357 21.8573 20.2149 21.7984L19.9661 21.0335C19.8893 20.8003 19.7589 20.5882 19.5855 20.4143C19.412 20.2403 19.2003 20.1093 18.9672 20.0316L18.2018 19.783C18.1428 19.7622 18.0917 19.7236 18.0555 19.6726C18.0194 19.6216 18 19.5606 18 19.4981C18 19.4356 18.0194 19.3746 18.0555 19.3236C18.0917 19.2725 18.1428 19.234 18.2018 19.2132L18.9672 18.9646C19.1971 18.8853 19.4055 18.7539 19.5761 18.5808C19.7467 18.4076 19.875 18.1974 19.9508 17.9665L20.1996 17.2016C20.2204 17.1427 20.259 17.0916 20.31 17.0555C20.3611 17.0194 20.4221 17 20.4847 17C20.5472 17 20.6083 17.0194 20.6593 17.0555C20.7104 17.0916 20.749 17.1427 20.7698 17.2016L21.0186 17.9665C21.0959 18.199 21.2265 18.4103 21.3999 18.5836C21.5733 18.7568 21.7848 18.8873 22.0175 18.9646ZM5 2.75C5 2.33579 5.33579 2 5.75 2H18.25C18.6642 2 19 2.33579 19 2.75V11.7345L18.5439 11.5863C18.2736 11.4961 18.0281 11.3443 17.8267 11.143C17.6957 11.0122 17.5857 10.8627 17.5 10.7V3.5H16.4998V6.25112C16.4998 6.66534 16.164 7.00112 15.7498 7.00112C15.3355 7.00112 14.9998 6.66534 14.9998 6.25112V3.5H13.9998V5.25154C13.9998 5.66576 13.664 6.00154 13.2498 6.00154C12.8355 6.00154 12.4998 5.66576 12.4998 5.25154V3.5H6.5V11.0003H13.2518C13.2121 11.0501 13.1697 11.0979 13.1247 11.1435C12.9277 11.3434 12.6875 11.4955 12.4225 11.5883L11.0425 12.0365L11.0307 12.0406C10.7711 12.1321 10.5413 12.2911 10.3646 12.5003H6.5V14.2505C6.5 14.6647 6.83579 15.0005 7.25 15.0005H10.2498C10.664 15.0005 10.9998 15.3363 10.9998 15.7505V19.5C10.9998 20.0523 11.4475 20.5 11.9998 20.5C12.552 20.5 12.9998 20.0523 12.9998 19.5V15.7505C12.9998 15.7405 13 15.7306 13.0003 15.7207C13.051 15.7617 13.0995 15.8054 13.1457 15.8517C13.2 15.9062 13.2506 15.9638 13.2975 16.0243C13.4246 16.1886 13.5232 16.3736 13.5887 16.5717L13.5892 16.5733L14.0397 17.9583L14.0438 17.97C14.1349 18.228 14.2926 18.4563 14.4998 18.6324V19.5C14.4998 20.8807 13.3805 22 11.9998 22C10.619 22 9.49976 20.8807 9.49976 19.5V16.5005H7.25C6.00736 16.5005 5 15.4932 5 14.2505V2.75Z" 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/paint_brush_sparkle_24_regular.svg";Details
| Name | Paint Brush Sparkle |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_paint_brush_sparkle_24_regular.svg |
| Filled file | ic_fluent_paint_brush_sparkle_24_filled.svg |
| React components | PaintBrushSparkle24Regular, PaintBrushSparkle24Filled |
| License | MIT (© Microsoft Corporation) |