Add icons to this collection by clicking the heart icon.
Tutorial icon - also known as computer, internet, web design, window, website, learning, layout, browser, ui, instructions, tutorial, seo and web, and user interface. Created in a clean flat style with a white, gray, red, teal, 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 58 58"
>
<path
fill="#e7eced"
d="M54.75 58H3.25A3.25 3.25 0 0 1 0 54.75V11h58v43.75A3.25 3.25 0 0 1 54.75 58z"
/>
<path fill="#fff" d="M4 16h50v16H4z" />
<path
fill="#556080"
d="M58 12H0V3.25A3.25 3.25 0 0 1 3.25 0h51.5A3.25 3.25 0 0 1 58 3.25z"
/>
<path fill="#dd352e" d="M4 4h4v4H4z" />
<path fill="#ebba16" d="M12 4h4v4h-4z" />
<path fill="#23a24d" d="M20 4h4v4h-4z" />
<path
fill="#ebba16"
d="M14 29h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM48 54H4a1 1 0 0 1 0-2h44a1 1 0 0 1 0 2z"
/>
<path fill="#23a24d" d="M10 20h4v4h-4z" />
<path fill="#dd352e" d="M48 29h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="#ebba16" d="M44 20h4v4h-4z" />
<path fill="#366db6" d="M37 29h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="#dc691d" d="M33 20h4v4h-4z" />
<path fill="#23a24d" d="M25 29h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="#dd352e" d="M21 20h4v4h-4z" />
<path fill="#366db6" d="M4 36h20v12H4z" />
<g fill="#fff">
<path
d="M20 41h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zM15 41H8a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM9 45H8a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zM20 45h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2z"
/>
</g>
<path fill="#ed8a19" d="M34 36h20v12H34z" />
<path
fill="#fff"
d="M50 41h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zM45 41h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM39 45h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zM50 45h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2z"
/>
<path fill="#dd352e" d="M54 54h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
</svg>
More icons in the same style and category