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 blue 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="#e8edfc"
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="#cad9fc"
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="#c6d8fb"
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="#a4c3fd"
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="#a4c2f7"
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="#7facfa"
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
fill="#fff"
d="M15 1h-3a4 4 0 0 0-4 4v50a4 4 0 0 0 4 4h3a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4z"
/>
<path fill="#fff" d="M7 5h2v8H7z" />
<g fill="#428dff">
<path
d="M7 55a5.006 5.006 0 0 0 5 5h38a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H12a5.006 5.006 0 0 0-5 5 1 1 0 0 0 2 0 3 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.026V13a1 1 0 0 0-2 0zm5-3h38a2.966 2.966 0 0 0 1-.184V57a1 1 0 0 1-1 1H12a3 3 0 0 1 0-6z"
/>
<circle cx="8" cy="9" r="1" />
<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 2zM16.7 27.562l-1.653 13.187a3.42 3.42 0 0 0 .8 2.815A4.168 4.168 0 0 0 19.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.168 4.168 0 0 0 3.208-1.436 3.4 3.4 0 0 0 .8-2.774l-1.663-13.27A5.716 5.716 0 0 0 37.456 23H22.544a5.722 5.722 0 0 0-5.844 4.562zm24.615.248 1.665 13.269a1.451 1.451 0 0 1-.349 1.193 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.406 2.406 0 0 1-2.873-.409 1.479 1.479 0 0 1-.344-1.234l1.654-13.186A3.778 3.778 0 0 1 22.544 25h14.912a3.776 3.776 0 0 1 3.859 2.81z"
/>
<path
d="M21 30a1 1 0 0 0 1 1h1v1a1 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-1 1z"
/>
<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="M31.011 14.871a3.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 2 0 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 0z"
/>
<circle cx="30" cy="20" r="1" />
</g>
</g>
</svg>
More icons in the same style and category