Tutorials color outline icon

About the Tutorials color outline 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 outline version of the tutorials icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.

Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.

Free for personal and commercial use with attribution.