Text Bullet List Square Clock icon
Used in general type creation and editing scenarios. The Text Bullet List Square Clock 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 Clock 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 { TextBulletListSquareClock24Regular, TextBulletListSquareClock24Filled } from "@fluentui/react-icons";
export function Example() {
return <TextBulletListSquareClock24Regular aria-label="Text Bullet List Square Clock" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_text_bullet_list_square_clock_24_regular.svg" width="24" height="24" alt="Text Bullet List Square Clock"> 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="M17.5 12C20.5376 12 23 14.4624 23 17.5C23 20.5376 20.5376 23 17.5 23C14.4624 23 12 20.5376 12 17.5C12 14.4624 14.4624 12 17.5 12ZM17.75 3C19.5449 3 21 4.45507 21 6.25V12.0244C20.5365 11.7276 20.0338 11.4869 19.5 11.3145V6.25C19.5 5.2835 18.7165 4.5 17.75 4.5H6.25C5.2835 4.5 4.5 5.2835 4.5 6.25V17.75C4.5 18.7165 5.2835 19.5 6.25 19.5H11.3145C11.4869 20.0338 11.7276 20.5365 12.0244 21H6.25C4.45507 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45507 3 6.25 3H17.75ZM17.5 14C17.2239 14 17 14.2239 17 14.5V17.5C17 17.7761 17.2239 18 17.5 18H20C20.2761 18 20.5 17.7761 20.5 17.5C20.5 17.2239 20.2761 17 20 17H18V14.5C18 14.2239 17.7761 14 17.5 14ZM7.75 14.75C8.30228 14.75 8.75 15.1977 8.75 15.75C8.75 16.3023 8.30228 16.75 7.75 16.75C7.19772 16.75 6.75 16.3023 6.75 15.75C6.75 15.1977 7.19772 14.75 7.75 14.75ZM7.75 11C8.30228 11 8.75 11.4477 8.75 12C8.75 12.5523 8.30228 13 7.75 13C7.19772 13 6.75 12.5523 6.75 12C6.75 11.4477 7.19772 11 7.75 11ZM15.7168 11.25C14.7125 11.536 13.8079 12.0566 13.0654 12.75H11.25C10.8358 12.75 10.5 12.4142 10.5 12C10.5 11.5858 10.8358 11.25 11.25 11.25H15.7168ZM7.75 7.25C8.30228 7.25 8.75 7.69772 8.75 8.25C8.75 8.80228 8.30228 9.25 7.75 9.25C7.19772 9.25 6.75 8.80228 6.75 8.25C6.75 7.69772 7.19772 7.25 7.75 7.25ZM16.75 7.5C17.1642 7.5 17.5 7.83579 17.5 8.25C17.5 8.66421 17.1642 9 16.75 9H11.25C10.8358 9 10.5 8.66421 10.5 8.25C10.5 7.83579 10.8358 7.5 11.25 7.5H16.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_clock_24_regular.svg";Details
| Name | Text Bullet List Square Clock |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_text_bullet_list_square_clock_24_regular.svg |
| Filled file | ic_fluent_text_bullet_list_square_clock_24_filled.svg |
| React components | TextBulletListSquareClock24Regular, TextBulletListSquareClock24Filled |
| License | MIT (© Microsoft Corporation) |