Add icons to this collection by clicking the heart icon.
Tutorial icon - also known as computer, screen, education, maths, monitor, video, multimedia, video recording, video player, play button, tutorial, and video tutorial. Created in a clean flat style with a white, silver, gray, teal, orange, and pink finish, 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="512pt"
height="512pt"
viewBox="0 -29 512 512"
>
<path
fill="#c4cccf"
fill-rule="evenodd"
d="M463.75 104.738H45.52c-11.856 0-21.586 9.7-21.586 21.547v273.067l230.699 27.324 230.699-27.324V126.285c0-11.848-9.703-21.547-21.582-21.547zm0 0"
/>
<path
fill="#eceff1"
fill-rule="evenodd"
d="M191.89 399.352H15.278C6.883 399.352 0 406.234 0 414.656v24.07C0 447.122 6.883 454 15.277 454h478.711c8.422 0 15.309-6.852 15.309-15.273v-24.07c0-8.423-6.887-15.305-15.309-15.305H317.406v15.914c0 6.21-5.113 11.293-11.328 11.293H203.191c-6.218 0-11.3-5.082-11.3-11.293zm0 0"
/>
<path
fill="#90a4ae"
fill-rule="evenodd"
d="M449.516 149.195v205.73c0 3.079-2.528 5.548-5.606 5.548h-24.926v38.879h66.348V126.285c0-11.847-9.703-21.547-21.586-21.547h-44.762v38.852h24.922c3.082 0 5.61 2.527 5.61 5.605zm0 0"
/>
<path
fill="#c4cccf"
fill-rule="evenodd"
d="M485.332 399.352H443.59h.027zm-26.578 15.304v24.07c0 8.422-6.887 15.274-15.281 15.274h50.515c8.422 0 15.309-6.852 15.309-15.273v-24.07c0-8.423-6.887-15.305-15.309-15.305h-50.37a15.117 15.117 0 0 1 9.878 3.777c3.223 2.816 5.258 6.937 5.258 11.527zm0 0"
/>
<path
fill="#7c8c94"
fill-rule="evenodd"
d="M191.89 399.352v15.914c0 6.214 5.083 11.296 11.301 11.296h102.887c6.215 0 11.328-5.082 11.328-11.296v-15.914zm0 0"
/>
<path
fill="#8bc34a"
d="M453.61 434.457h-.204c-4.3 0-7.785-3.484-7.785-7.781s3.484-7.781 7.785-7.781h.203c4.301 0 7.79 3.484 7.79 7.78s-3.489 7.782-7.79 7.782zm0 0"
/>
<path
fill="#fcd968"
d="M419.043 434.457h-.203c-4.3 0-7.785-3.484-7.785-7.781s3.484-7.781 7.785-7.781h.203c4.3 0 7.789 3.484 7.789 7.78s-3.488 7.782-7.789 7.782zm0 0"
/>
<path
fill="#f55a8e"
d="M384.477 434.66h-.204c-4.3 0-7.785-3.484-7.785-7.781s3.485-7.781 7.785-7.781h.204c4.3 0 7.789 3.484 7.789 7.78 0 4.302-3.489 7.782-7.79 7.782zm0 0"
/>
<g fill-rule="evenodd">
<path
fill="#8ebfe8"
d="M443.91 143.59H65.36c-3.083 0-5.579 2.527-5.579 5.605v205.73c0 3.079 2.496 5.548 5.578 5.548H443.91c3.078 0 5.606-2.47 5.606-5.547v-205.73c0-3.079-2.528-5.606-5.606-5.606zm0 0"
/>
<path
fill="#519ad6"
d="M449.516 354.926v-205.73c0-3.079-2.528-5.606-5.606-5.606h-24.926v216.883h24.926c3.078 0 5.606-2.47 5.606-5.547zm0 0"
/>
<path
fill="#f55a8e"
d="M334.777 183.2H171.148c-6.128 0-11.152 4.991-11.152 11.12v109.934c0 6.098 5.024 11.121 11.152 11.121h163.63c6.128 0 11.152-5.023 11.152-11.121V194.32c0-6.129-5.024-11.12-11.153-11.12zm0 0"
/>
<path
fill="#ba4583"
d="M319.758 194.32v109.934c0 6.098-4.996 11.121-11.125 11.121h26.144c6.13 0 11.153-5.023 11.153-11.121V194.32c0-6.129-5.024-11.12-11.153-11.12h-26.144c6.129 0 11.125 4.991 11.125 11.12zm0 0"
/>
<path
fill="#eceff1"
d="M247.11 220.309c-10.34-5.692-21-1.567-21 16.492v12.457l.32 15.824c.668 12.66 9.265 20.734 23.527 11.73l9.816-6.242 12.348-8.246c9.645-6.941 11.734-19.164-2.527-28.195l-9.82-6.215zm0 0"
/>
<path
fill="#fcd968"
d="M399.465.234c58.183-3.836 108.465 40.215 112.3 98.407 3.833 58.164-40.23 108.425-98.413 112.257-16.907 1.133-33.145-1.796-47.786-7.953l-19.957 10.54c-13.187 7-32.824 5.69-31.543-17.016 3.368-9.758 5.141-16.93 8.508-26.684-12.285-15.972-20.129-35.66-21.55-57.262C297.187 54.36 341.253 4.066 399.463.234zm0 0"
/>
<path
fill="#e6a235"
d="M387.496 1.715c46.508 8.45 83.137 47.62 86.39 96.926.173 2.933.262 5.836.204 8.742-.406 24.883-9.527 47.91-24.574 65.914-8.485 10.105-18.793 18.64-30.532 25.031a105.837 105.837 0 0 1-31.574 11.121 106.735 106.735 0 0 0 25.942 1.45 86.424 86.424 0 0 0 5.632-.524 105.23 105.23 0 0 0 30.532-8.39c13.797-6.184 25.968-15.215 35.816-26.278 18.125-20.387 28.379-47.738 26.434-77.066C507.93 40.449 457.648-3.602 399.465.23c-4.067.265-8.074.757-11.969 1.484zm0 0"
/>
</g>
<path
fill="#37474f"
d="M369.023 142.516a7.786 7.786 0 0 1-5.562-2.336l-24.05-24.535a7.773 7.773 0 0 1 .112-11.004 7.786 7.786 0 0 1 11.012.113l16.086 16.406 23.832-52.672a7.788 7.788 0 0 1 7.098-4.574h70.816a7.784 7.784 0 0 1 7.79 7.781 7.784 7.784 0 0 1-7.79 7.782h-65.793l-26.453 58.464a7.792 7.792 0 0 1-7.098 4.575zm0 0"
/>
<path
fill="#37474f"
fill-rule="evenodd"
d="m432.492 127.36-7.465 9.32c-1.625 1.945-3.746 3.543-6.39 3.543-2.18 0-4.098-.786-5.664-2.325-1.54-1.566-2.325-3.48-2.325-5.66 0-1.886.524-3.687 1.801-5.05l10.285-11.239-7.902-8.625c-1.453-1.597-2.324-3.484-2.324-5.66 0-2.148.726-4.035 2.238-5.574l.027-.031.032-.028a8.448 8.448 0 0 1 2.468-1.57c.989-.434 2.063-.61 3.137-.61 2.496 0 4.559 1.075 6.098 3.02l5.984 7.637 6.102-7.637c1.539-1.945 3.601-3.02 6.097-3.02 2.153 0 4.07.754 5.551 2.294 1.598 1.484 2.352 3.37 2.352 5.52 0 2.175-.899 4.062-2.324 5.66l-7.93 8.624 10.226 11.239c1.278 1.421 1.86 3.164 1.86 5.05 0 2.18-.758 4.094-2.324 5.66-1.543 1.54-3.457 2.325-5.637 2.325-2.645 0-4.766-1.598-6.39-3.543zm0 0"
/>
</svg>
More icons in the same style and category