Text Bullet List Square Sparkle icon
Used to represent formatting & specific recap lists powered by AI. The Text Bullet List Square 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 Text Bullet List Square 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 { TextBulletListSquareSparkle24Regular, TextBulletListSquareSparkle24Filled } from "@fluentui/react-icons";
export function Example() {
return <TextBulletListSquareSparkle24Regular aria-label="Text Bullet List Square Sparkle" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_text_bullet_list_square_sparkle_24_regular.svg" width="24" height="24" alt="Text Bullet List Square 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="M15.0883 6.41228C15.016 6.31886 14.9377 6.2298 14.8539 6.14569C14.5417 5.83255 14.1606 5.59666 13.741 5.45683L12.3632 5.00939C12.257 4.97196 12.165 4.90253 12.1 4.81068C12.0349 4.71883 12 4.60908 12 4.49656C12 4.38404 12.0349 4.27429 12.1 4.18244C12.165 4.09058 12.257 4.02116 12.3632 3.98372L13.741 3.53628C14.1547 3.39352 14.5299 3.15705 14.837 2.84537C15.1357 2.54224 15.3623 2.17595 15.5 1.77372L15.5114 1.73963L15.9592 0.362894C15.9967 0.256782 16.0662 0.164895 16.1581 0.0998993C16.25 0.0349035 16.3598 0 16.4724 0C16.5851 0 16.6949 0.0349035 16.7868 0.0998993C16.8787 0.164895 16.9482 0.256782 16.9857 0.362894L17.4335 1.73963C17.5727 2.15819 17.8077 2.53853 18.1198 2.85041C18.432 3.1623 18.8126 3.39715 19.2315 3.53628L20.6093 3.98372L20.6368 3.99061C20.743 4.02804 20.835 4.09747 20.9 4.18932C20.9651 4.28117 21 4.39092 21 4.50344C21 4.61596 20.9651 4.72571 20.9 4.81756C20.835 4.90942 20.743 4.97884 20.6368 5.01628L19.259 5.46372C18.8402 5.60285 18.4595 5.8377 18.1474 6.14959C17.8353 6.46147 17.6003 6.84181 17.461 7.26037L17.0132 8.63711C17.0092 8.64855 17.0048 8.65983 17 8.67093C16.9605 8.76273 16.8964 8.84212 16.8144 8.9001C16.7224 8.9651 16.6126 9 16.5 9C16.3874 9 16.2776 8.9651 16.1856 8.9001C16.0937 8.8351 16.0242 8.74322 15.9868 8.63711L15.539 7.26037C15.4378 6.95331 15.2851 6.66664 15.0883 6.41228ZM22.7829 10.2132L22.0175 9.9646C21.7848 9.8873 21.5733 9.75683 21.3999 9.58356C21.2265 9.41029 21.0959 9.199 21.0186 8.96646L20.7698 8.20161C20.749 8.14266 20.7104 8.09161 20.6593 8.0555C20.6083 8.01939 20.5473 8 20.4847 8C20.4221 8 20.3611 8.01939 20.31 8.0555C20.259 8.09161 20.2204 8.14266 20.1996 8.20161L19.9508 8.96646C19.875 9.19736 19.7467 9.40761 19.5761 9.58076C19.4055 9.75392 19.1971 9.88529 18.9672 9.9646L18.2018 10.2132C18.1428 10.234 18.0917 10.2725 18.0555 10.3236C18.0194 10.3746 18 10.4356 18 10.4981C18 10.5606 18.0194 10.6216 18.0555 10.6726C18.0917 10.7236 18.1428 10.7622 18.2018 10.783L18.9672 11.0316C19.2003 11.1093 19.412 11.2403 19.5855 11.4143C19.7589 11.5882 19.8893 11.8003 19.9661 12.0335L20.2149 12.7984C20.2357 12.8573 20.2743 12.9084 20.3254 12.9445C20.3764 12.9806 20.4374 13 20.5 13C20.5626 13 20.6236 12.9806 20.6746 12.9445C20.7257 12.9084 20.7643 12.8573 20.7851 12.7984L21.0339 12.0335C21.1113 11.801 21.2418 11.5897 21.4152 11.4164C21.5886 11.2432 21.8001 11.1127 22.0328 11.0354L22.7982 10.7868C22.8572 10.766 22.9083 10.7275 22.9445 10.6764C22.9806 10.6254 23 10.5644 23 10.5019C23 10.4394 22.9806 10.3784 22.9445 10.3274C22.9083 10.2764 22.8572 10.2378 22.7982 10.217L22.7829 10.2132ZM12.0473 3H6.25C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H17.75C19.5449 21 21 19.5449 21 17.75V13.931C20.8315 14.0086 20.6474 14.0495 20.46 14.0495C20.191 14.0495 19.9288 13.9654 19.71 13.809C19.6334 13.7545 19.5631 13.6924 19.5 13.6239V17.75C19.5 18.7165 18.7165 19.5 17.75 19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H11.0004C11.0002 4.48969 11 4.47936 11 4.46903C11.0008 4.14772 11.0984 3.83411 11.28 3.56903C11.4741 3.30783 11.741 3.10986 12.0473 3ZM14.5728 7.5H11.25C10.8358 7.5 10.5 7.83579 10.5 8.25C10.5 8.66421 10.8358 9 11.25 9H15.0003L15 8.99903L14.59 7.54903C14.5845 7.5326 14.5788 7.51626 14.5728 7.5ZM7.75 9.25C8.30228 9.25 8.75 8.80228 8.75 8.25C8.75 7.69772 8.30228 7.25 7.75 7.25C7.19772 7.25 6.75 7.69772 6.75 8.25C6.75 8.80228 7.19772 9.25 7.75 9.25ZM10.5001 12C10.5001 11.5858 10.8358 11.25 11.2501 11.25H16.7499C17.1642 11.25 17.4999 11.5858 17.4999 12C17.4999 12.4142 17.1642 12.75 16.7499 12.75H11.2501C10.8358 12.75 10.5001 12.4142 10.5001 12ZM10.5001 15.75C10.5001 15.3358 10.8358 15 11.2501 15H16.7499C17.1642 15 17.4999 15.3358 17.4999 15.75C17.4999 16.1642 17.1642 16.5 16.7499 16.5H11.2501C10.8358 16.5 10.5001 16.1642 10.5001 15.75ZM7.75 13C8.30228 13 8.75 12.5523 8.75 12C8.75 11.4477 8.30228 11 7.75 11C7.19772 11 6.75 11.4477 6.75 12C6.75 12.5523 7.19772 13 7.75 13ZM7.75 16.75C8.30228 16.75 8.75 16.3023 8.75 15.75C8.75 15.1977 8.30228 14.75 7.75 14.75C7.19772 14.75 6.75 15.1977 6.75 15.75C6.75 16.3023 7.19772 16.75 7.75 16.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/text_bullet_list_square_sparkle_24_regular.svg";Details
| Name | Text Bullet List Square Sparkle |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_text_bullet_list_square_sparkle_24_regular.svg |
| Filled file | ic_fluent_text_bullet_list_square_sparkle_24_filled.svg |
| React components | TextBulletListSquareSparkle24Regular, TextBulletListSquareSparkle24Filled |
| License | MIT (© Microsoft Corporation) |