Add icons to this collection by clicking the heart icon.
Online Course icon - also known as education, knowledge, website, online learning, browser, video player, seo and web, music and multimedia, and online course. Created in a clean lineal color 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="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 0c0-11.046-8.954-20-20-20h-378.189c-11.046 0-20 8.954-20 20v412.54H0Z"
transform="translate(427.951 27.5)"
fill="#d7e6f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v279.859c-15.22-.43-29.073-6.414-39.581-16.015-10.91 9.968-25.423 16.056-41.33 16.056h-60.182c-17.841 0-32.355-14.514-32.355-32.356V-7.644c0-4.374.877-8.546 2.457-12.356H-20C-8.954-20 0-11.046 0 0"
transform="translate(427.951 27.5)"
fill="#a5c3dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-378.189c-11.046 0-20-8.954-20-20v-44.46H20V-20C20-8.954 11.046 0 0 0"
transform="translate(407.951 504.5)"
fill="#7ad7ee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v412.54h-28.8V0c0-11.046 8.954-20 20-20H20C8.954-20 0-11.046 0 0"
transform="translate(38.562 27.5)"
fill="#a5c3dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.8c-11.046 0-20-8.954-20-20v-44.46H-20V-20C-20-8.954-11.046 0 0 0"
transform="translate(58.562 504.5)"
fill="#4bc3ef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-11.337"
transform="translate(370.867 472.27)"
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-11.337"
transform="translate(319.099 472.27)"
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-11.337"
transform="translate(267.33 472.27)"
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-217.758c-11.046 0-20 8.954-20 20v412.54"
transform="translate(247.52 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 0v-127.08"
transform="translate(427.951 440.04)"
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-378.189c-11.046 0-20-8.954-20-20v-44.46H20V-20C20-8.954 11.046 0 0 0Z"
transform="translate(407.951 504.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 0v149.201c0 8.284-6.716 15-15 15h-309.105c-8.284 0-15-6.716-15-15V0c0-8.284 6.716-15 15-15H-15C-6.716-15 0-8.284 0 0"
transform="translate(388.41 235.55)"
fill="#ff7e92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v82.23c0 8.284-6.716 15-15 15h-309.105c-8.284 0-15-6.716-15-15v-149.2c0-8.285 6.716-15 15-15h179.256"
transform="translate(388.41 302.52)"
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-15.558 10.585c-8.372 5.696-19.706-.301-19.706-10.428v-21.169c0-10.127 11.333-16.124 19.706-10.427L0-20.855C7.357-15.85 7.357-5.005 0 0"
transform="translate(233.73 342.452)"
fill="#d7e6f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.558 10.585c-8.372 5.696-19.706-.301-19.706-10.428v-21.169c0-10.127 11.333-16.124 19.706-10.427L0-20.855C7.357-15.85 7.357-5.005 0 0Z"
transform="translate(233.73 342.452)"
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 0h96.947"
transform="translate(135.78 261.71)"
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 0h26.683"
transform="translate(84.937 261.71)"
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-19.8"
transform="translate(111.62 271.61)"
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-19.8"
transform="translate(135.78 271.61)"
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 0h112.599"
transform="translate(161.903 175.643)"
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 0h112.599"
transform="translate(161.903 133.025)"
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 0h112.599"
transform="translate(161.903 90.408)"
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 0h225.199"
transform="translate(49.304 47.79)"
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 0c8.284 0 15 6.716 15 15v55.828a1.184 1.184 0 0 1-.039-.034c-10.91 9.969-25.423 16.057-41.33 16.057h-60.182c-17.841 0-32.355-14.515-32.355-32.357V0Z"
transform="translate(373.41 220.55)"
fill="#ff5f7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60.181c-22.826 0-41.33-18.504-41.33-41.331C-101.511-18.504-120.016 0-142.842 0h-60.181c-6.824 0-12.356-5.532-12.356-12.356v-255.188c0-6.824 5.532-12.356 12.356-12.356H0c6.824 0 12.356 5.532 12.356 12.356v255.188C12.356-5.532 6.824 0 0 0"
transform="translate(489.882 287.4)"
fill="#ffd05b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v255.187c0 6.825 5.532 12.357 12.356 12.357h-19.44c-6.824 0-12.356-5.532-12.356-12.357V0c0-6.824 5.532-12.356 12.356-12.356h19.44C5.532-12.356 0-6.824 0 0"
transform="translate(293.943 19.856)"
fill="#ffaa5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v63.244C0 70.068-5.532 75.6-12.356 75.6h-60.181c-22.826 0-41.331-18.504-41.331-41.331 0 22.827-18.504 41.331-41.33 41.331h-60.181c-6.824 0-12.357-5.532-12.357-12.356v-255.188c0-6.824 5.533-12.356 12.357-12.356h203.023C-5.532-204.3 0-198.768 0-191.944V-30.96"
transform="translate(502.238 211.8)"
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-55.331c-7.732 0-14 6.268-14 14v57.235c0 7.732 6.268 14 14 14H0c7.732 0 14-6.268 14-14V14C14 6.268 7.732 0 0 0"
transform="translate(118.635 90.408)"
fill="#8ceea1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-238.569"
transform="translate(388.37 246.07)"
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-55.331c-7.732 0-14 6.268-14 14v57.235c0 7.732 6.268 14 14 14H0c7.732 0 14-6.268 14-14V14C14 6.268 7.732 0 0 0Z"
transform="translate(118.635 90.408)"
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 4.039-3.794a5.572 5.572 0 0 1 8.018.401l9.711 11.149"
transform="translate(80.086 131.8)"
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 0h50.865"
transform="translate(306.024 235.091)"
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 0h50.865"
transform="translate(306.024 198.72)"
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 0h50.865"
transform="translate(306.024 162.349)"
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 0h50.865"
transform="translate(306.024 125.977)"
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 0h50.865"
transform="translate(306.024 89.606)"
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 0h50.865"
transform="translate(306.024 53.235)"
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 0h50.865"
transform="translate(419.852 235.091)"
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 0h50.865"
transform="translate(419.852 198.72)"
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 0h50.865"
transform="translate(419.852 162.349)"
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 0h50.865"
transform="translate(419.852 125.977)"
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 0h50.865"
transform="translate(419.852 89.606)"
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 0h50.865"
transform="translate(419.852 53.235)"
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