Add icons to this collection by clicking the heart icon.
Tutorial icon - also known as screen, play, monitor, video, youtube, tutorial, and music and multimedia. Created in a clean lineal color style with a white, gray, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0h-108.688l15.382 85.272h77.924z"
transform="matrix(1.33333 0 0 -1.33333 413.792 630.55)"
fill="#688b96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-38.272l15.381-85.272h38.273z"
transform="matrix(1.33333 0 0 -1.33333 393.283 516.853)"
fill="#557981"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-229.236c-5.215 0-9.443 4.228-9.443 9.441 0 19.729 15.993 35.723 35.723 35.723H-26.28c19.729 0 35.722-15.994 35.722-35.723C9.442 4.228 5.215 0 0 0"
transform="translate(370.618 7.5)"
fill="#3c5959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.914c14.515 0 26.28-11.767 26.28-26.28v-18.884H26.28c5.215 0 9.442 4.227 9.442 9.441v.001C35.722-15.994 19.729 0 0 0"
transform="translate(344.338 52.664)"
fill="#394949"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-397.018c-9.926 0-17.974 8.048-17.974 17.975v301.858c0 9.928 8.048 17.976 17.974 17.976H0c9.927 0 17.975-8.048 17.975-17.976V17.975C17.975 8.048 9.927 0 0 0"
transform="translate(454.509 103.406)"
fill="#e8f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20.298v-319.834c0-9.927-8.048-17.975-17.974-17.975H0c9.927 0 17.975 8.048 17.975 17.975v301.858C17.975-8.048 9.927 0 0 0"
transform="translate(454.509 441.215)"
fill="#c1e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.927 8.048-17.975 17.975-17.975h397.017c9.927 0 17.975 8.048 17.975 17.975v33.606H0Z"
transform="translate(39.517 121.38)"
fill="#3c5959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.927-8.048-17.975-17.975-17.975h38.273c9.927 0 17.974 8.048 17.974 17.975v33.606H0Z"
transform="translate(434.21 121.38)"
fill="#394949"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-186.336c-7.381 0-13.363-5.983-13.363-13.363v-336.15H89.039V-89.04a29.023 29.023 0 0 1-8.499 20.52L20.52-8.5A29.023 29.023 0 0 1 0 0"
transform="translate(311.33 504.5)"
fill="#3590bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-50.039 50.039v-82.135c0-8.454 6.853-15.306 15.307-15.306h5.209v-233.591H8.499V-20.52A29.019 29.019 0 0 1 0 0"
transform="translate(391.87 435.98)"
fill="#0e80ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60.021 60.02a28.985 28.985 0 0 1-8.5 5.885V6.808c0-8.454 6.854-15.308 15.308-15.308H5.885A29.003 29.003 0 0 1 0 0"
transform="translate(391.87 435.98)"
fill="#fc5327"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-47.403-38.428-85.831-85.831-85.831-47.403 0-85.831 38.428-85.831 85.831 0 47.403 38.428 85.831 85.831 85.831C-38.428 85.831 0 47.403 0 0"
transform="translate(341.831 302.747)"
fill="#fc5327"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a86.081 86.081 0 0 1-19.137-2.168c38.188-8.7 66.696-42.841 66.696-83.663 0-40.821-28.508-74.963-66.696-83.663A86.081 86.081 0 0 1 0-171.662c47.403 0 85.831 38.428 85.831 85.831C85.831-38.428 47.403 0 0 0"
transform="translate(256 388.578)"
fill="#ed4322"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-75.288c0-6.983 8.029-10.91 13.541-6.625L61.964-44.27c4.321 3.36 4.321 9.891 0 13.25L13.541 6.624C8.029 10.909 0 6.981 0 0"
transform="translate(233.355 340.392)"
fill="#e8f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h55.032"
transform="translate(152.94 464.684)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h55.032"
transform="translate(152.94 435.606)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v260.473a29.023 29.023 0 0 1-8.499 20.52l-60.021 60.02a29.02 29.02 0 0 1-20.519 8.5h-186.336c-7.381 0-13.363-5.984-13.363-13.364V0"
transform="translate(400.37 154.987)"
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-47.403-38.428-85.831-85.831-85.831-47.403 0-85.831 38.428-85.831 85.831 0 47.403 38.428 85.831 85.831 85.831C-38.428 85.831 0 47.403 0 0Z"
transform="translate(341.831 302.747)"
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-75.288c0-6.983 8.029-10.91 13.541-6.625L61.964-44.27c4.321 3.36 4.321 9.891 0 13.25L13.541 6.624C8.029 10.909 0 6.981 0 0Z"
transform="translate(233.355 340.392)"
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-19.057c-9.926 0-17.974-8.048-17.974-17.976v-301.858c0-9.927 8.048-17.975 17.974-17.975h397.018c9.927 0 17.975 8.048 17.975 17.975v301.858C395.936-8.048 387.888 0 377.961 0H344.7"
transform="translate(76.548 441.215)"
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-432.967"
transform="translate(472.483 154.987)"
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-59.098c0-8.454 6.854-15.307 15.308-15.307h59.097"
transform="translate(323.35 501.886)"
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-229.236c-5.215 0-9.443 4.228-9.443 9.441 0 19.729 15.993 35.723 35.723 35.723H-26.28c19.729 0 35.722-15.994 35.722-35.723C9.442 4.228 5.215 0 0 0Z"
transform="translate(370.618 7.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 0-9.153-50.742"
transform="translate(213.259 103.406)"
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-9.153 50.742"
transform="translate(307.894 52.664)"
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