Add icons to this collection by clicking the heart icon.
Online Course icon - also known as education, mouse, reading, file, play, video, online education, online learning, course, and online course. Created in a clean flat gradient style with a white 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 512 512"
>
<linearGradient
id="a"
x1="155.807"
x2="411.268"
y1="226.046"
y2="226.046"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7b3" />
<stop offset=".08" stop-color="#f4f5b2" />
<stop offset=".504" stop-color="#c0ebab" />
<stop offset=".824" stop-color="#a0e4a7" />
<stop offset="1" stop-color="#94e2a6" />
</linearGradient>
<path
fill="url(#a)"
d="M336.284 69.085H173.282c-9.651 0-17.476 7.824-17.476 17.476v278.971c0 9.651 7.824 17.476 17.476 17.476h220.509c9.652 0 17.477-7.824 17.477-17.476V145.526l-74.984-76.441z"
/>
<path
fill="#FFF"
d="M346.763 246.031H220.312c-14.64 0-26.507-11.868-26.507-26.507v-78.476c0-14.64 11.867-26.507 26.507-26.507h126.451c14.64 0 26.507 11.867 26.507 26.507v78.476c0 14.639-11.868 26.507-26.507 26.507z"
/>
<linearGradient
id="b"
x1="291.021"
x2="291.021"
y1="212.756"
y2="149.031"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd6f55" />
<stop offset="1" stop-color="#fd9f55" />
</linearGradient>
<path
fill="url(#b)"
d="m270.68 149.997 47.814 24.72c4.755 2.745 4.755 9.608 0 12.354l-47.814 24.72c-4.756 2.745-10.699-.687-10.699-6.177v-49.438c-.001-5.492 5.943-8.924 10.699-6.179z"
/>
<linearGradient
id="c"
x1="336.188"
x2="411.268"
y1="107.367"
y2="107.367"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#21ca85" />
<stop offset="1" stop-color="#53e6cf" />
</linearGradient>
<path
fill="url(#c)"
d="M353.664 145.648h57.604l-75.08-76.563v59.088c0 9.651 7.824 17.475 17.476 17.475z"
/>
<linearGradient
id="d"
x1="257.194"
x2="372.256"
y1="312.828"
y2="312.828"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#373e74" />
<stop offset="1" stop-color="#295ca5" />
</linearGradient>
<path fill="url(#d)" d="M257.194 306.261h115.062v13.135H257.194z" />
<linearGradient
id="e"
x1="257.194"
x2="372.256"
y1="338.828"
y2="338.828"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#373e74" />
<stop offset="1" stop-color="#295ca5" />
</linearGradient>
<path fill="url(#e)" d="M257.194 332.261h115.062v13.135H257.194z" />
<linearGradient
id="f"
x1="121.226"
x2="220.388"
y1="400.371"
y2="400.371"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#373e74" />
<stop offset="1" stop-color="#295ca5" />
</linearGradient>
<path
fill="url(#f)"
d="M121.226 357.827v35.506c0 27.27 22.312 49.582 49.581 49.582 27.27 0 49.581-22.313 49.581-49.582v-35.506h-99.162z"
/>
<linearGradient
id="g"
x1="100.732"
x2="220.388"
y1="284.437"
y2="284.437"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#373e74" />
<stop offset="1" stop-color="#295ca5" />
</linearGradient>
<path
fill="url(#g)"
d="M175.807 295.652v-4.698c0-14.688-11.949-26.636-26.637-26.636h-21.801c-9.174 0-16.637-7.463-16.637-16.636 0-9.174 7.463-16.637 16.637-16.637h28.438v-10h-28.438c-14.688 0-26.637 11.949-26.637 26.637s11.949 26.636 26.637 26.636h21.801c9.174 0 16.637 7.463 16.637 16.636v4.698c-24.945 2.527-44.581 23.745-44.581 49.327v2.848h99.162v-2.848c0-25.582-19.637-46.799-44.581-49.327zm-.675 35.767a5 5 0 1 1-10 0V317.89a5 5 0 0 1 10 0v13.529z"
/>
</svg>
More icons in the same style and category