Icon Note Callout

A clean callout for tips, warnings, key takeaways, and side notes — a drop-in upgrade to the standard notes block. Each note pairs an icon with rich text, so learners can spot the type of message at a glance and get straight to the content.

Type the name of any Google Material icon and pick its color, or upload your own image. Set the icon's size and align it to the top, middle, or bottom of the text. Write and format the note right in the block, then fine-tune the background, text color, outline border, drop shadow, corner radius, and spacing to match your course. Built as a labeled note region with a decorative icon, so screen readers go straight to the message.