Add icons to this collection by clicking the heart icon.
Tutorial icon - also known as education, book, open book, online education, electronics, tutorial, and elearning. Created in a clean lineal color style with a white, silver, gray, olive, magenta, purple, 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="512"
height="512"
viewBox="0 0 256 256"
>
<path fill="#7bac51" d="M4 48.758h248V214.46H4z" />
<path fill="#5d8e33" d="M241.901 48.758H252V214.46h-10.099z" />
<path fill="#99ca6f" d="M4 48.758h10.099V214.46H4z" />
<path
fill="#690589"
d="M252 216.46H4a2 2 0 0 1-2-2V48.758a2 2 0 0 1 2-2h248a2 2 0 0 1 2 2V214.46a2 2 0 0 1-2 2zm-246-4h244V50.758H6z"
/>
<path
fill="#690589"
d="M12.08 87.574a2 2 0 0 1-2-2v-12a2 2 0 0 1 4 0v12a2 2 0 0 1-2 2z"
/>
<path
fill="#f4efed"
d="M237.684 198.837H128V41.339c0-5.578 4.522-10.099 10.099-10.099h99.584v167.597zM128 198.837H18.316V31.24H117.9c5.578 0 10.099 4.522 10.099 10.099v157.498z"
/>
<path
fill="#fcc24c"
d="M18.316 181.139H128v17.698H18.316zM128 181.139h109.684v17.698H128z"
/>
<path fill="#d6d1cf" d="M227.584 31.24h10.099v167.597h-10.099z" />
<path fill="#fff" d="M18.316 31.24h10.099v167.597H18.316z" />
<path fill="#dea42e" d="M227.584 181.139h10.099v17.698h-10.099z" />
<path fill="#fce06a" d="M18.316 181.139h10.099v17.698H18.316z" />
<path
fill="#690589"
d="M128 200.837H18.316a2 2 0 0 1-2-2V31.24a2 2 0 0 1 2-2H117.9c6.672 0 12.1 5.428 12.1 12.099v157.498a2 2 0 0 1-2 2zm-107.684-4H126V41.339c0-4.466-3.633-8.099-8.1-8.099H20.316z"
/>
<path
fill="#690589"
d="M237.684 200.837H128a2 2 0 0 1-2-2V41.339c0-6.671 5.428-12.099 12.1-12.099h99.584a2 2 0 0 1 2 2v167.597a2 2 0 0 1-2 2zm-107.684-4h105.684V33.24H138.1c-4.466 0-8.1 3.633-8.1 8.099z"
/>
<path
fill="#690589"
d="M128 200.837H18.316a2 2 0 0 1-2-2V181.14a2 2 0 0 1 2-2H128a2 2 0 0 1 2 2v17.697a2 2 0 0 1-2 2zm-107.684-4H126V183.14H20.316z"
/>
<path
fill="#690589"
d="M237.684 200.837H128a2 2 0 0 1-2-2V181.14a2 2 0 0 1 2-2h109.684a2 2 0 0 1 2 2v17.697a2 2 0 0 1-2 2zm-107.684-4h105.684V183.14H130z"
/>
<path
fill="#ff4397"
d="m157.106 224.76-9.149-10.099-9.149 10.099v-34.772h18.298z"
/>
<g fill="#690589">
<path
d="M157.107 226.76a2 2 0 0 1-1.483-.657l-7.667-8.463-7.667 8.463a1.998 1.998 0 0 1-3.482-1.343v-34.772a2 2 0 0 1 2-2h18.298a2 2 0 0 1 2 2v34.772a2 2 0 0 1-1.999 2zm-9.15-14.099c.564 0 1.103.239 1.482.657l5.667 6.255v-27.585h-14.298v27.585l5.667-6.255a2 2 0 0 1 1.482-.657zM221.028 51.952h-76.372a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM221.028 70.239h-76.372a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM221.028 88.526h-76.372a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM221.028 106.812h-76.372a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM221.028 125.099h-76.372a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM221.028 143.386h-76.372a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM221.028 161.673h-76.372a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM111.344 51.952H34.972a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM111.344 70.239H34.972a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM111.344 88.526H34.972a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM111.344 106.812H34.972a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM111.344 125.099H34.972a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM111.344 143.386H34.972a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4zM111.344 161.673H34.972a2 2 0 0 1 0-4h76.372a2 2 0 0 1 0 4z"
/>
</g>
</svg>
More icons in the same style and category