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 flat 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 497 497"
>
<path
fill="#f8f7f7"
d="M1 135.936h495l1 15v276.553c0 13.807-11.193 25-25 25H25c-3.174 0-6.209-.591-9.002-1.67C6.639 447.205 1 437.122 1 426.489z"
/>
<path
fill="#e8e8e8"
d="M22 150.936h475v-16l-262.422-5.83L0 134.936v292.553c0 10.633 6.641 19.71 16 23.324V156.936a6 6 0 0 1 6-6z"
/>
<path
fill="#ffd163"
d="M60 397.479v-17.99l1-7.5-1-7.5v-174.01c0-8.284 6.716-15 15-15h347c8.284 0 15 6.716 15 15v207c0 8.284-6.716 15-15 15H75c-8.284 0-15-6.716-15-15z"
/>
<path
fill="#e3a76f"
d="M173 281.989c0-10.635-6.917-19.654-16.498-22.804-2.36-.776-4.882-.196-7.502-.196-13.255 0-23 9.745-23 23s9.745 23 23 23c2.62 0 5.142.58 7.502-.196 9.581-3.15 16.498-12.169 16.498-22.804z"
/>
<path
fill="#d6995c"
d="M140 281.989c0-10.635 6.92-19.648 16.5-22.798a23.967 23.967 0 0 0-7.5-1.202c-13.255 0-24 10.745-24 24s10.745 24 24 24c2.62 0 5.14-.426 7.5-1.202-9.58-3.15-16.5-12.163-16.5-22.798z"
/>
<path
fill="#d6ccf2"
d="M163.5 335.989h-30c-3.556 0-6.939.743-10.002 2.081-8.828 3.858-13.998 13.668-13.998 23.919l-1 10h80l-1-10c0-3.174.409-7.209-.67-10.002-3.614-9.36-12.697-15.998-23.33-15.998z"
/>
<path
fill="#c8b8f4"
d="M123.5 341.989v-3.914c-8.828 3.858-15 12.663-15 22.914v11h80v-11a24.94 24.94 0 0 0-1.676-9H133.5c-5.523 0-10-4.477-10-10z"
/>
<path fill="#ffb65f" d="M60 364.489h377v15H60z" />
<path
fill="#ff9350"
d="M321 389.489a7.499 7.499 0 0 1-7.5-7.5v-20c0-4.143 3.357-7.5 7.5-7.5s7.5 3.357 7.5 7.5v20a7.5 7.5 0 0 1-7.5 7.5z"
/>
<path
fill="#f8f7f7"
d="M401 330.989H250a5 5 0 0 1-5-5v-114a5 5 0 0 1 5-5l9-1h143a5 5 0 0 1 5 5v106l-1 9a5 5 0 0 1-5 5z"
/>
<path
fill="#e8e8e8"
d="M264 316.989a5 5 0 0 1-5-5v-106h-10a5 5 0 0 0-5 5v116a5 5 0 0 0 5 5h153a5 5 0 0 0 5-5v-10z"
/>
<path
fill="#9e959e"
d="m357.212 295.548-.615.265a78.801 78.801 0 0 1-62.844-.25 5.89 5.89 0 0 1-3.52-5.392v-17.938l1-13.533 33.887 9.885 34.654-9.885 1 13.445v17.992a5.887 5.887 0 0 1-3.562 5.411z"
/>
<path
fill="#8e868e"
d="M360.775 272.145v-13.43l-.026-.008-35.628 9.878-34.887-9.885v13.533l31.838 9.263c1.976.575 4.074.579 6.052.012z"
/>
<path
fill="#855b51"
d="M497 69.359v65.576H0V69.359c0-13.723 11.193-24.848 25-24.848h447c13.807 0 25 11.125 25 24.848z"
/>
<g fill="#724d44">
<path
d="M244.37 117.989c-8.212 0-14.87-6.716-14.87-15s6.657-15 14.87-15h185.349c8.212 0 14.87 6.716 14.87 15s-6.657 15-14.87 15z"
/>
<ellipse cx="165.818" cy="102.989" rx="14.947" ry="15" />
<path
d="m176.31 113.673 12.874-12.869-13.139 1.179zM155.541 92.097l12.562-12.517-2.693 10.409z"
/>
<ellipse cx="105.899" cy="102.989" rx="14.947" ry="15" />
<path
d="m116.417 113.646 12.382-12.499-12.673.836zM95.622 92.097l12.371-12.459-2.502 10.351z"
/>
<ellipse cx="46.226" cy="102.989" rx="14.947" ry="15" />
<path
d="m57.048 113.335 12.721-13.186-13.139 1.38zM35.949 92.097l11.622-12.038-1.753 9.93z"
/>
</g>
<ellipse cx="178.797" cy="89.989" fill="#b3e59f" rx="14.947" ry="15" />
<path
fill="#724d44"
d="m234.579 91.699 12.969-12.859-3.009 14.276zM440.419 113.404l13.08-13.179-10.131 3.381z"
/>
<ellipse cx="118.81" cy="89.989" fill="#ffd163" rx="14.947" ry="15" />
<ellipse cx="58.774" cy="89.989" fill="#dc4955" rx="14.947" ry="15" />
<path
fill="#f8f7f7"
d="M257.281 104.989c-8.212 0-14.87-6.716-14.87-15s6.657-15 14.87-15H442.63c8.212 0 14.87 6.716 14.87 15s-6.657 15-14.87 15z"
/>
<path
fill="#9e959e"
d="m322.071 268.496-45.787-13.322c-2.073-.603-2.103-3.53-.042-4.175l45.62-14.277a10.897 10.897 0 0 1 6.47-.013l46.324 14.288c2.072.639 2.043 3.583-.042 4.18l-46.492 13.331a10.901 10.901 0 0 1-6.051-.012z"
/>
</svg>
More icons in the same style and category