Add icons to this collection by clicking the heart icon.
Tutorial icon - also known as computer, screen, education, play, player, monitor, video, video recording, ui, video player, electronics, youtube, desktop, tutorial, and video tutorial. Created in a clean flat style with a white, silver, gray, teal, navy, and orange 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="512"
height="512"
viewBox="0 0 512 512"
>
<path fill="#2E3547" d="M332.74 440.771H179.26l11.806-94.671h129.868z" />
<path
fill="#3E465F"
d="M357.09 455.411H154.911a7.32 7.32 0 1 1 0-14.639H357.09a7.32 7.32 0 0 1 0 14.639zM477 380.313H35c-8.284 0-15-6.715-15-15V71.589c0-8.284 6.716-15 15-15h442c8.284 0 15 6.716 15 15v293.724c0 8.285-6.716 15-15 15z"
/>
<path fill="#FFF" d="M40 76.589h432v259.894H40z" />
<path
fill="#21315F"
d="M40 76.589v259.894h432V76.589H40zm422 249.893H50V86.589h412v239.893z"
opacity=".2"
/>
<circle cx="256" cy="358.895" r="10" fill="#192547" />
<path
fill="#E6EBF2"
d="M284.88 146.153H64.19c-2.76 0-5 2.24-5 5v129.73c0 2.76 2.24 5 5 5h220.69c2.76 0 5-2.24 5-5v-129.73c0-2.76-2.24-5-5-5z"
/>
<path
fill="#B4C3D9"
d="M289.88 276.023v4.859c0 2.76-2.24 5-5 5H64.19c-2.76 0-5-2.24-5-5v-4.859c0 2.76 2.24 5 5 5h220.69c2.76 0 5-2.24 5-5z"
/>
<path
fill="#E67445"
d="M203.745 238.727h-58.418a9.535 9.535 0 0 1-9.535-9.535v-31.209c0-5.266 4.269-9.534 9.535-9.534h58.418c5.266 0 9.535 4.269 9.535 9.534v31.209a9.535 9.535 0 0 1-9.535 9.535z"
/>
<path
fill="#FFF"
d="M162.322 213.587v-11.01c0-2.063 2.232-3.351 4.019-2.32l9.535 5.505 9.536 5.505c1.786 1.031 1.786 3.609 0 4.64l-9.536 5.505-9.535 5.505c-1.786 1.031-4.019-.258-4.019-2.32v-11.01z"
/>
<path
fill="#4E73DE"
d="M64.192 318.375a5 5 0 0 1-5-5V299.09a5 5 0 1 1 10 0v14.285a5 5 0 0 1-5 5zM78.833 318.375a5 5 0 0 1-5-5V299.09a5 5 0 1 1 10 0v14.285a5 5 0 0 1-5 5z"
/>
<path
fill="#DBDDDE"
d="M287.38 308.433H100.429a2.5 2.5 0 1 1 0-5H287.38a2.5 2.5 0 0 1 0 5z"
/>
<path
fill="#4E73DE"
d="M176.76 308.433h-76.331a2.5 2.5 0 1 1 0-5h76.331a2.5 2.5 0 0 1 0 5z"
/>
<circle cx="179.26" cy="305.933" r="10" fill="#EBC847" />
<path
fill="#DBDDDE"
d="M279.88 127.81H121.113c-5.5 0-10-4.5-10-10s4.5-10 10-10H279.88c5.5 0 10 4.5 10 10s-4.5 10-10 10z"
/>
<circle cx="78.833" cy="115.443" r="19.096" fill="#2BABAA" />
<path
fill="#E6EBF2"
d="M447 96.347H317.948a5 5 0 0 0-5 5v215.307a5 5 0 0 0 5 5H447a5 5 0 0 0 5-5V101.347a5 5 0 0 0-5-5z"
/>
<path
fill="#B4C3D9"
d="M452 311.482v5.17c0 2.761-2.24 5-5 5H317.95a5 5 0 0 1-5-5v-5.17a5 5 0 0 0 5 5H447c2.76 0 5-2.239 5-5z"
/>
<path
fill="#E67445"
d="M452 146.156H312.948v-44.809a5 5 0 0 1 5-5H447a5 5 0 0 1 5 5v44.809z"
/>
<path
fill="#FFF"
d="M406.491 135.78h-75.713a5 5 0 1 1 0-10h75.713a5 5 0 1 1 0 10zM368.635 118.852h-37.856a5 5 0 1 1 0-10h37.856a5 5 0 1 1 0 10z"
/>
<path
fill="#2BABAA"
d="M433.939 197.815H331.01a5 5 0 0 1-5-5v-20a5 5 0 0 1 5-5h102.93a5 5 0 0 1 5 5v20a5.001 5.001 0 0 1-5.001 5z"
/>
<path
fill="#FFF"
d="M334.188 182.635v-6.69a1.628 1.628 0 0 1 2.442-1.41l5.793 3.345 5.794 3.345a1.628 1.628 0 0 1 0 2.819l-5.794 3.345-5.793 3.345a1.628 1.628 0 0 1-2.442-1.41v-6.689zM425.735 187.635h-64.206a5 5 0 1 1 0-10h64.206a5 5 0 1 1 0 10z"
/>
<path
fill="#2BABAA"
d="M433.939 242.281H331.01a5 5 0 0 1-5-5v-20a5 5 0 0 1 5-5h102.93a5 5 0 0 1 5 5v20a5.002 5.002 0 0 1-5.001 5z"
/>
<path
fill="#FFF"
d="M334.188 227.101v-6.69a1.628 1.628 0 0 1 2.442-1.41l5.793 3.345 5.794 3.345a1.628 1.628 0 0 1 0 2.819l-5.794 3.345-5.793 3.345a1.628 1.628 0 0 1-2.442-1.41v-6.689zM425.735 232.281h-64.206a5 5 0 1 1 0-10h64.206a5 5 0 1 1 0 10z"
/>
<path
fill="#2BABAA"
d="M433.939 286.746H331.01a5 5 0 0 1-5-5v-20a5 5 0 0 1 5-5h102.93a5 5 0 0 1 5 5v20a5.001 5.001 0 0 1-5.001 5z"
/>
<path
fill="#FFF"
d="M334.188 271.566v-6.689a1.628 1.628 0 0 1 2.442-1.41l5.793 3.345 5.794 3.345a1.628 1.628 0 0 1 0 2.82l-5.794 3.344-5.793 3.346a1.628 1.628 0 0 1-2.442-1.41v-6.691zM425.735 276.927h-64.206a5 5 0 1 1 0-10h64.206a5 5 0 1 1 0 10z"
/>
</svg>
More icons in the same style and category