Add icons to this collection by clicking the heart icon.
Video Tutorial icon - also known as education, online learning, video tutorials, tutorials, tutorial, educational video, music and multimedia, elearning, video tutorial, video lesson, and online streaming. Created in a clean gradient 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 90 90"
>
<linearGradient id="a">
<stop offset="0" stop-color="#8bc53f" />
<stop offset="1" stop-color="#017f25" />
</linearGradient>
<linearGradient
id="b"
x1="4"
x2="84"
y1="55.5"
y2="55.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="75"
x2="81"
y1="50.5"
y2="50.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="8"
x2="10"
y1="50.5"
y2="50.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="36"
x2="50.133"
y1="48.034"
y2="48.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="28"
x2="55"
y1="65"
y2="65"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="60"
x2="62"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="56"
x2="58"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="60"
x2="62"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="55.361"
x2="66.808"
y1="6.329"
y2="6.329"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="57.321"
x2="64.85"
y1="10.332"
y2="10.332"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="52"
x2="54"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="48"
x2="50"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="44"
x2="46"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="44"
x2="46"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="4"
x2="84"
y1="45.293"
y2="45.293"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M79 25H9c-2.757 0-5 2.243-5 5v41c0 2.757 2.243 5 5 5h46.788c.662.934 1.07 2.191 1.216 3.812.002.025.016.045.02.07-.005.04-.024.076-.024.118v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9h8c2.757 0 5-2.243 5-5V30c0-2.757-2.243-5-5-5zM68.066 64.033h-.133c-.34 0-.661.07-.965.176a2.927 2.927 0 0 0-2.902-2.62h-.133c-.328 0-.639.066-.934.166v-1.101a2.937 2.937 0 0 0-2.934-2.933h-.133a2.937 2.937 0 0 0-2.934 2.933v8.298l-.399-.148c-1.784-.697-3.186-.644-4.169.156a2.954 2.954 0 0 0-.788 1.039H14V31h58v39h-1v-3.033a2.938 2.938 0 0 0-2.934-2.934zM54.51 72.548a.892.892 0 0 0-.133-.042l-1.172-.284c-.007-.623.098-1.393.491-1.711.371-.303 1.145-.247 2.193.163l1.764.652A.998.998 0 0 0 59 70.389v-9.733c0-.515.419-.933.934-.933h.133c.515 0 .934.418.934.933V70a1 1 0 1 0 2 0v-5.478c0-.515.419-.933.934-.933h.133c.515 0 .934.418.934.933V72a1 1 0 1 0 2 0v-5.033c0-.515.419-.934.934-.934h.133c.515 0 .934.419.934.934V79H58.91c-.442-3.289-1.912-5.468-4.4-6.452zM69 84H59v-3h10zm13-13c0 1.654-1.346 3-3 3h-8v-2h2a1 1 0 0 0 1-1V30a1 1 0 0 0-1-1H13a1 1 0 0 0-1 1v41a1 1 0 0 0 1 1h38.208a6.724 6.724 0 0 0 .076 1.191c.066.394.361.71.75.804l.02.005H9c-1.654 0-3-1.346-3-3V30c0-1.654 1.346-3 3-3h70c1.654 0 3 1.346 3 3z"
/>
<path
fill="url(#c)"
d="M78 43c-1.654 0-3 1.346-3 3v9c0 1.654 1.346 3 3 3s3-1.346 3-3v-9c0-1.654-1.346-3-3-3zm1 12a1 1 0 0 1-2 0v-9a1.001 1.001 0 0 1 2 0z"
/>
<path
fill="url(#d)"
d="M9 47a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-5a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M36.5 55.905a1 1 0 0 0 1 0l12.133-7.006a1 1 0 0 0 0-1.732L37.5 40.162a.998.998 0 0 0-1.5.866v14.011c0 .357.19.688.5.866zM38 42.76l9.133 5.273L38 53.307z"
/>
<path
fill="url(#f)"
d="M54 64H37.816c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816 2H29a1 1 0 1 0 0 2h3.184c.414 1.161 1.514 2 2.816 2s2.402-.839 2.816-2H54a1 1 0 1 0 0-2zm-19 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
/>
<circle cx="61" cy="19" r="1" fill="url(#g)" />
<circle cx="57" cy="19" r="1" fill="url(#h)" />
<circle cx="61" cy="15" r="1" fill="url(#i)" />
<path
fill="url(#j)"
d="M56.362 8.073a.997.997 0 0 0 .559-.171c.044-.029 4.379-2.891 8.297-.022a1 1 0 1 0 1.181-1.613c-5.041-3.693-10.374-.174-10.598-.022a1 1 0 0 0 .561 1.828z"
/>
<path
fill="url(#k)"
d="M63.85 11.768a1 1 0 0 0 .592-1.806c-3.182-2.333-6.54-.118-6.682-.022a.999.999 0 0 0 1.115 1.66c.094-.062 2.344-1.519 4.385-.025.177.13.385.193.59.193z"
/>
<circle cx="53" cy="19" r="1" fill="url(#l)" />
<circle cx="49" cy="19" r="1" fill="url(#m)" />
<circle cx="45" cy="19" r="1" fill="url(#n)" />
<circle cx="45" cy="23" r="1" fill="url(#o)" />
<g fill="url(#p)">
<path
d="M79 25H9c-2.757 0-5 2.243-5 5v41c0 2.757 2.243 5 5 5h46.788c.662.934 1.07 2.191 1.216 3.812.002.025.016.045.02.07-.005.04-.024.076-.024.118v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9h8c2.757 0 5-2.243 5-5V30c0-2.757-2.243-5-5-5zM68.066 64.033h-.133c-.34 0-.661.07-.965.176a2.927 2.927 0 0 0-2.902-2.62h-.133c-.328 0-.639.066-.934.166v-1.101a2.937 2.937 0 0 0-2.934-2.933h-.133a2.937 2.937 0 0 0-2.934 2.933v8.298l-.399-.148c-1.784-.697-3.186-.644-4.169.156a2.954 2.954 0 0 0-.788 1.039H14V31h58v39h-1v-3.033a2.938 2.938 0 0 0-2.934-2.934zM54.51 72.548a.892.892 0 0 0-.133-.042l-1.172-.284c-.007-.623.098-1.393.491-1.711.371-.303 1.145-.247 2.193.163l1.764.652A.998.998 0 0 0 59 70.389v-9.733c0-.515.419-.933.934-.933h.133c.515 0 .934.418.934.933V70a1 1 0 1 0 2 0v-5.478c0-.515.419-.933.934-.933h.133c.515 0 .934.418.934.933V72a1 1 0 1 0 2 0v-5.033c0-.515.419-.934.934-.934h.133c.515 0 .934.419.934.934V79H58.91c-.442-3.289-1.912-5.468-4.4-6.452zM69 84H59v-3h10zm13-13c0 1.654-1.346 3-3 3h-8v-2h2a1 1 0 0 0 1-1V30a1 1 0 0 0-1-1H13a1 1 0 0 0-1 1v41a1 1 0 0 0 1 1h38.208a6.724 6.724 0 0 0 .076 1.191c.066.394.361.71.75.804l.02.005H9c-1.654 0-3-1.346-3-3V30c0-1.654 1.346-3 3-3h70c1.654 0 3 1.346 3 3z"
/>
<path
d="M78 43c-1.654 0-3 1.346-3 3v9c0 1.654 1.346 3 3 3s3-1.346 3-3v-9c0-1.654-1.346-3-3-3zm1 12a1 1 0 0 1-2 0v-9a1.001 1.001 0 0 1 2 0zM9 47a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-5a1 1 0 0 0-1-1zM36.5 55.905a1 1 0 0 0 1 0l12.133-7.006a1 1 0 0 0 0-1.732L37.5 40.162a.998.998 0 0 0-1.5.866v14.011c0 .357.19.688.5.866zM38 42.76l9.133 5.273L38 53.307zM54 64H37.816c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816 2H29a1 1 0 1 0 0 2h3.184c.414 1.161 1.514 2 2.816 2s2.402-.839 2.816-2H54a1 1 0 1 0 0-2zm-19 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
/>
<circle cx="61" cy="19" r="1" />
<circle cx="57" cy="19" r="1" />
<circle cx="61" cy="15" r="1" />
<path
d="M56.362 8.073a.997.997 0 0 0 .559-.171c.044-.029 4.379-2.891 8.297-.022a1 1 0 1 0 1.181-1.613c-5.041-3.693-10.374-.174-10.598-.022a1 1 0 0 0 .561 1.828zM63.85 11.768a1 1 0 0 0 .592-1.806c-3.182-2.333-6.54-.118-6.682-.022a.999.999 0 0 0 1.115 1.66c.094-.062 2.344-1.519 4.385-.025.177.13.385.193.59.193z"
/>
<circle cx="53" cy="19" r="1" />
<circle cx="49" cy="19" r="1" />
<circle cx="45" cy="19" r="1" />
<circle cx="45" cy="23" r="1" />
</g>
</svg>
More icons in the same style and category