Add icons to this collection by clicking the heart icon.
Tutorial icon - also known as education, school, video, online education, online learning, browser, streaming, tutorial, elearning, and online course. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v265.979c0 13.806 11.193 25 25 25h332.67"
transform="translate(7.5 169.022)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h79.181c13.806 0 25-11.193 25-25v-358c0-13.807-11.194-25-25-25h-447c-13.807 0-25 11.193-25 25v56.915"
transform="translate(400.32 460)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.285-6.716 15-15 15-8.285 0-15-6.715-15-15 0-8.284 6.715-15 15-15C-6.716-15 0-8.284 0 0z"
transform="translate(81.245 414.553)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.285-6.716 15-15 15-8.285 0-15-6.715-15-15 0-8.284 6.715-15 15-15C-6.716-15 0-8.284 0 0z"
transform="translate(141.245 414.553)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.285-6.716 15-15 15-8.285 0-15-6.715-15-15 0-8.284 6.715-15 15-15C-6.716-15 0-8.284 0 0z"
transform="translate(201.245 414.553)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h377"
transform="translate(127 369.553)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h83.937"
transform="translate(8 369.553)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-185c-8.284 0-15 6.716-15 15 0 8.285 6.716 15 15 15H0c8.284 0 15-6.715 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(450 399.553)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v207c0 8.284 6.716 15 15 15h347c8.284 0 15-6.716 15-15V0c0-8.284-6.716-15-15-15H15C6.716-15 0-8.284 0 0Z"
transform="translate(67.611 107.01)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 13.255-10.745 24-24 24S-48 13.255-48 0s10.745-24 24-24S0-13.255 0 0z"
transform="translate(180.5 222.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30c-13.807 0-25-11.193-25-25v-11h80v11C25-11.193 13.807 0 0 0Z"
transform="translate(171 168.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h376"
transform="translate(68.5 132.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v20"
transform="translate(328.5 122.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-29.543a5 5 0 0 0-5-5h-153a5 5 0 0 0-5 5v116a5 5 0 0 0 5 5H-5a5 5 0 0 0 5-5V35.063"
transform="translate(414.5 207.043)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-30.437a5.89 5.89 0 0 0-3.563-5.411l-.616-.264a78.799 78.799 0 0 0-62.843.25 5.889 5.889 0 0 0-3.52 5.391V0"
transform="translate(368.275 244.788)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-45.787 13.322c-2.073.603-2.103 3.531-.042 4.175l45.62 14.277a10.9 10.9 0 0 0 6.471.014L52.585 17.5c2.072-.64 2.043-3.583-.042-4.181L6.052-.012A10.905 10.905 0 0 0 0 0Z"
transform="translate(329.571 235.992)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category