Tutorials color filled icon

About the Tutorials color filled icon

An open laptop displays a rectangular video thumbnail with a play triangle, and an arrow cursor clicks beside it with small radiating lines to show the tap. Everything sits inside a thin circular badge. It suits tutorial hubs, help centers, e-learning course cards, onboarding walkthroughs, webinar pages and product demo buttons in web or mobile apps.

The circle frame keeps the laptop compact, with the screen split between the media block on the left and the click marker on the right. Use it next to book, question mark and video player icons, and give it at least 32 px so the play triangle reads clearly.

This is the colour filled version of the tutorials icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.

Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.

Free for personal and commercial use with attribution.