Add icons to this collection by clicking the heart icon.
Tutorial icon - also known as computer, screen, education, maths, monitor, video, multimedia, video recording, video player, play button, tutorial, and video tutorial. Created in a clean lineal color style with a white, silver, gray, black, 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="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 0H-405.978c-11.504 0-20.95-9.421-20.95-20.929v-265.248l223.94-26.542L20.95-286.177v265.248C20.95-9.421 11.533 0 0 0"
transform="translate(457.662 374.76)"
fill="#c4cccf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0H-171.437c-8.149 0-14.832-6.686-14.832-14.865v-23.383c0-8.151 6.683-14.836 14.832-14.836h464.684c8.177 0 14.859 6.656 14.859 14.836v23.383C308.106-6.686 301.424 0 293.247 0H121.838v-15.457c0-6.036-4.962-10.973-10.996-10.973H10.969C4.935-26.43 0-21.493 0-15.457Z"
transform="translate(193.769 88.584)"
fill="#eceff1"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-199.84c0-2.989-2.453-5.387-5.441-5.387h-24.194v-37.767h64.402V22.254c0 11.508-9.417 20.929-20.951 20.929h-43.451V5.443h24.194C-2.453 5.443 0 2.989 0 0"
transform="translate(443.846 331.578)"
fill="#90a4ae"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-23.383c0-8.179-6.683-14.836-14.831-14.836h49.034c8.177 0 14.86 6.657 14.86 14.836V0c0 8.18-6.683 14.865-14.86 14.865H-14.69a14.653 14.653 0 0 0 9.586-3.667C-1.974 8.462 0 4.457 0 0m25.8 14.865h-40.519.029z"
transform="translate(452.813 73.719)"
fill="#c4cccf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-15.457C0-21.493 4.935-26.43 10.969-26.43h99.873c6.034 0 10.996 4.937 10.996 10.973V0Z"
transform="translate(193.769 88.584)"
fill="#7c8c94"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h.197"
transform="translate(447.624 62.042)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.197"
transform="translate(414.07 62.042)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.197"
transform="translate(380.516 61.845)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-367.461c-2.989 0-5.414-2.454-5.414-5.443v-199.84c0-2.989 2.425-5.387 5.414-5.387H0c2.988 0 5.441 2.398 5.441 5.387v199.84C5.441-2.454 2.988 0 0 0"
transform="translate(438.404 337.022)"
fill="#8ebfe8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v199.84c0 2.989-2.453 5.443-5.441 5.443h-24.194V-5.387h24.194C-2.453-5.387 0-2.989 0 0"
transform="translate(443.846 131.738)"
fill="#519ad6"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-158.833c-5.949 0-10.827-4.852-10.827-10.803v-106.788c0-5.923 4.878-10.803 10.827-10.803H0c5.949 0 10.827 4.88 10.827 10.803v106.788C10.827-4.852 5.949 0 0 0"
transform="translate(332.469 298.549)"
fill="#f55a8e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-106.788c0-5.923-4.85-10.803-10.799-10.803h25.377c5.949 0 10.827 4.88 10.827 10.803V0c0 5.951-4.878 10.803-10.827 10.803h-25.377C-4.85 10.803 0 5.951 0 0"
transform="translate(317.89 287.746)"
fill="#ba4583"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-88.33c0-5.93-4.88-10.8-10.83-10.8h-158.83c-5.949 0-10.83 4.87-10.83 10.8V18.46c0 5.95 4.881 10.8 10.83 10.8h142.841"
transform="translate(343.3 269.29)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-10.038 5.529-20.386 1.523-20.386-16.021v-12.1l.31-15.372c.648-12.298 8.995-20.139 22.84-11.396l9.53 6.065 11.983 8.011c9.362 6.741 11.392 18.616-2.453 27.387l-9.53 6.036z"
transform="translate(247.37 262.501)"
fill="#eceff1"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-9.53 6.036-12.294 7.39C-31.862 18.955-42.21 14.949-42.21-2.595v-12.1l.31-15.372c.648-12.298 8.995-20.139 22.839-11.396l9.531 6.065 11.983 8.01C11.814-20.646 13.845-8.771 0 0Z"
transform="translate(269.194 249.075)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h121.838"
transform="translate(193.769 88.584)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-81.204m0 217.269V34.468M-447.878-81.204v265.248c0 11.508 9.445 20.929 20.95 20.929H-179.134"
transform="translate(478.612 169.788)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h464.685c8.176 0 14.859 6.656 14.859 14.836v23.383c0 8.179-6.683 14.865-14.859 14.865h-171.41V37.627c0-6.036-4.962-10.973-10.996-10.973h-99.873c-6.034 0-10.969 4.937-10.969 10.973v15.457H0c-8.148 0-14.831-6.686-14.831-14.865V14.836C-14.831 6.685-8.148 0 0 0Z"
transform="translate(22.331 35.5)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h91.922m137.515-56.694v-148.589c0-2.989-2.453-5.387-5.441-5.387h-367.461c-2.989 0-5.414 2.398-5.414 5.387v199.84c0 2.989 2.425 5.443 5.414 5.443h109.037"
transform="translate(214.408 337.022)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c56.479 3.723 105.287-39.065 109.009-95.59 3.722-56.497-39.053-105.321-95.53-109.044-16.412-1.1-32.173 1.748-46.384 7.728l-19.371-10.239c-12.802-6.797-31.864-5.528-30.622 16.529 3.27 9.477 4.991 16.444 8.261 25.922-11.927 15.512-19.541 34.636-20.922 55.622C-99.281-52.576-56.506-3.724 0 0"
transform="translate(395.263 476.274)"
fill="#fcd968"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c45.144-8.208 80.699-46.258 83.857-94.151.169-2.849.254-5.67.198-8.491-.395-24.172-9.248-46.54-23.855-64.027-8.233-9.815-18.243-18.108-29.635-24.313A102.601 102.601 0 0 0-.084-201.785a103.424 103.424 0 0 1 25.18-1.41c1.832.112 3.665.281 5.469.507a102.048 102.048 0 0 1 29.635 8.152c13.394 6.008 25.208 14.779 34.767 25.526 17.596 19.8 27.549 46.37 25.659 74.859-3.722 56.524-52.53 99.312-109.009 95.589A97.4 97.4 0 0 1 0 0"
transform="translate(383.646 474.836)"
fill="#e6a235"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c56.479 3.723 105.287-39.065 109.009-95.59 3.722-56.497-39.053-105.321-95.53-109.044-16.412-1.1-32.173 1.748-46.384 7.728l-19.371-10.239c-12.802-6.797-31.864-5.528-30.622 16.529 3.27 9.477 4.991 16.444 8.261 25.922-11.927 15.512-19.541 34.636-20.922 55.622C-99.281-52.576-56.506-3.724 0 0Z"
transform="translate(395.263 476.274)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 23.348-23.834 27.688 61.235h68.744"
transform="translate(342.365 369.458)"
fill="none"
stroke="#000"
stroke-width="15.118"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-7.246-9.055c-1.579-1.889-3.638-3.441-6.203-3.441-2.115 0-3.976.762-5.499 2.257-1.494 1.523-2.256 3.385-2.256 5.5 0 1.834.508 3.582 1.749 4.908l9.981 10.916-7.67 8.377c-1.409 1.551-2.255 3.385-2.255 5.5 0 2.087.705 3.921 2.171 5.415l.029.028.027.029a8.246 8.246 0 0 0 2.398 1.523c.958.423 2.002.592 3.045.592 2.424 0 4.426-1.043 5.92-2.933L0 22.197l5.922 7.419c1.494 1.89 3.496 2.933 5.921 2.933 2.087 0 3.948-.733 5.386-2.228 1.55-1.438 2.284-3.272 2.284-5.359 0-2.115-.874-3.949-2.256-5.5L9.56 11.085 19.484.169c1.241-1.382 1.805-3.074 1.805-4.908 0-2.115-.733-3.977-2.256-5.5-1.494-1.495-3.355-2.257-5.47-2.257-2.566 0-4.625 1.552-6.204 3.441z"
transform="translate(427.322 352.79)"
fill="#000"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category