Add icons to this collection by clicking the heart icon.
Tutorial icon - also known as interface, help, controller, video, design, ui, gaming, and tutorial. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 60 60"
>
<g>
<path
fill="#02a9f4"
d="M52 3v46a2.006 2.006 0 0 1-2 2H12a4 4 0 0 0-4 4V5a4 4 0 0 1 4-4h38a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#0377bc"
d="M50 1h-3a2.006 2.006 0 0 1 2 2v46a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2V3a2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#f5f5f5"
d="M52 49v8a2.006 2.006 0 0 1-2 2H12a4 4 0 0 1 0-8h38a2.006 2.006 0 0 0 2-2z"
/>
<path
fill="#cfd8dc"
d="M50 51h-1v6a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2v-8a2.006 2.006 0 0 1-2 2z"
/>
<path
fill="#f5f5f5"
d="M40.949 44a3.316 3.316 0 0 1-1.708-.463 2.764 2.764 0 0 1-1.12-1.228L36.63 37.2a2.174 2.174 0 0 0-2-1.2h-9.257a2.174 2.174 0 0 0-2 1.2l-1.491 5.111a2.764 2.764 0 0 1-1.12 1.228 3.316 3.316 0 0 1-1.711.461 2.824 2.824 0 0 1-3.017-3.086l1.659-13.229A4.753 4.753 0 0 1 22.544 24h14.912a4.753 4.753 0 0 1 4.851 3.685l1.659 13.229A2.824 2.824 0 0 1 40.949 44z"
/>
<path
fill="#cfd8dc"
d="m43.966 40.914-1.659-13.229A4.753 4.753 0 0 0 37.456 24h-3a4.753 4.753 0 0 1 4.851 3.685l1.659 13.229a2.6 2.6 0 0 1-1.523 2.727 3.344 3.344 0 0 0 1.506.359 2.824 2.824 0 0 0 3.017-3.086z"
/>
<path
d="M50 60a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H12a5.006 5.006 0 0 0-5 5v50a5.006 5.006 0 0 0 5 5zM9 5a3 3 0 0 1 3-3h38a1 1 0 0 1 1 1v46a1 1 0 0 1-1 1H12a4.948 4.948 0 0 0-3 1.026zm0 50a3 3 0 0 1 3-3h38a2.966 2.966 0 0 0 1-.184V57a1 1 0 0 1-1 1H12a3 3 0 0 1-3-3z"
/>
<path
d="M13 56h21a1 1 0 0 0 0-2H13a1 1 0 0 0 0 2zM38 56h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM19.051 45a4.287 4.287 0 0 0 2.217-.6 3.732 3.732 0 0 0 1.523-1.678 1.014 1.014 0 0 0 .048-.13l1.467-5.028A1.2 1.2 0 0 1 25.372 37h9.256a1.2 1.2 0 0 1 1.066.561l1.467 5.028a1.014 1.014 0 0 0 .048.13 3.734 3.734 0 0 0 1.516 1.675 4.3 4.3 0 0 0 2.224.606 4.172 4.172 0 0 0 3.208-1.435 3.4 3.4 0 0 0 .8-2.776L43.294 27.52A5.716 5.716 0 0 0 37.456 23H22.544a5.722 5.722 0 0 0-5.844 4.562l-1.653 13.186a3.425 3.425 0 0 0 .8 2.817A4.172 4.172 0 0 0 19.051 45zm-2.026-3.963 1.654-13.185A3.778 3.778 0 0 1 22.544 25h14.912a3.776 3.776 0 0 1 3.859 2.81l1.665 13.268a1.454 1.454 0 0 1-.349 1.194 2.4 2.4 0 0 1-2.881.405 1.78 1.78 0 0 1-.69-.724l-1.47-5.036a1.094 1.094 0 0 0-.05-.135A3.166 3.166 0 0 0 34.628 35h-9.256a3.166 3.166 0 0 0-2.912 1.782 1.094 1.094 0 0 0-.05.135l-1.47 5.036a1.789 1.789 0 0 1-.7.728 2.407 2.407 0 0 1-2.873-.409 1.482 1.482 0 0 1-.342-1.235z"
/>
<path
d="M22 31h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2z"
/>
<circle cx="36" cy="28" r="1" />
<circle cx="38" cy="30" r="1" />
<circle cx="36" cy="32" r="1" />
<circle cx="34" cy="30" r="1" />
<path
d="M27 12a1 1 0 0 0 1-1 2 2 0 0 1 2.371-1.967 2.025 2.025 0 0 1 1.6 1.6 2 2 0 0 1-1.46 2.307A1.951 1.951 0 0 0 29 14.823V16a1 1 0 0 0 2 0l.011-1.129a3.989 3.989 0 0 0 2.927-4.588 4 4 0 0 0-6.509-2.347A3.991 3.991 0 0 0 26 11a1 1 0 0 0 1 1z"
/>
<circle cx="30" cy="20" r="1" />
</g>
</svg>
More icons in the same style and category