Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as education, school, presentation, online learning, training, and elearning. Created in a clean flat 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 512 512"
>
<linearGradient id="lg1">
<stop offset="0" stop-color="#f79808" />
<stop offset="1" stop-color="#edbb0b" />
</linearGradient>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="150.165"
x2="150.165"
y1="356.987"
y2="25.799"
href="#lg1"
/>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="361.835"
x2="361.835"
y1="356.987"
y2="25.799"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset=".0168" stop-color="#ccc" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="256"
x2="256"
y1="424.418"
y2="57.272"
href="#lg2"
/>
<linearGradient id="lg3">
<stop offset="0" stop-color="#0969db" />
<stop offset="1" stop-color="#4f8aff" />
</linearGradient>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="256"
x2="256"
y1="424.376"
y2="356.98"
href="#lg3"
/>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="256.014"
x2="256.014"
y1="475.471"
y2="424.364"
href="#lg3"
/>
<linearGradient
id="SVGID_6_"
gradientUnits="userSpaceOnUse"
x1="212.424"
x2="212.424"
y1="396.049"
y2="385.312"
href="#lg2"
/>
<linearGradient
id="SVGID_7_"
gradientUnits="userSpaceOnUse"
x1="256"
x2="256"
y1="396.049"
y2="385.312"
href="#lg2"
/>
<linearGradient
id="SVGID_8_"
gradientUnits="userSpaceOnUse"
x1="299.576"
x2="299.576"
y1="396.049"
y2="385.312"
href="#lg2"
/>
<linearGradient
id="SVGID_9_"
gradientUnits="userSpaceOnUse"
x1="256"
x2="256"
y1="486.201"
y2="475.464"
href="#lg3"
/>
<linearGradient
id="SVGID_10_"
gradientUnits="userSpaceOnUse"
x1="147.182"
x2="147.182"
y1="79.043"
y2="68.306"
href="#lg2"
/>
<linearGradient
id="SVGID_11_"
gradientUnits="userSpaceOnUse"
x1="147.182"
x2="147.182"
y1="121.817"
y2="111.08"
href="#lg2"
/>
<linearGradient
id="SVGID_12_"
gradientUnits="userSpaceOnUse"
x1="147.182"
x2="147.182"
y1="164.589"
y2="153.852"
href="#lg2"
/>
<linearGradient
id="SVGID_13_"
gradientUnits="userSpaceOnUse"
x1="147.182"
x2="147.182"
y1="207.361"
y2="196.624"
href="#lg2"
/>
<linearGradient
id="SVGID_14_"
gradientUnits="userSpaceOnUse"
x1="147.182"
x2="147.182"
y1="250.135"
y2="239.398"
href="#lg2"
/>
<linearGradient
id="SVGID_15_"
gradientUnits="userSpaceOnUse"
x1="364.818"
x2="364.818"
y1="79.043"
y2="68.306"
href="#lg2"
/>
<linearGradient
id="SVGID_16_"
gradientUnits="userSpaceOnUse"
x1="364.818"
x2="364.818"
y1="121.817"
y2="111.08"
href="#lg2"
/>
<linearGradient
id="SVGID_17_"
gradientUnits="userSpaceOnUse"
x1="364.818"
x2="364.818"
y1="164.589"
y2="153.852"
href="#lg2"
/>
<linearGradient
id="SVGID_18_"
gradientUnits="userSpaceOnUse"
x1="364.818"
x2="364.818"
y1="207.361"
y2="196.624"
href="#lg2"
/>
<linearGradient
id="SVGID_19_"
gradientUnits="userSpaceOnUse"
x1="364.818"
x2="364.818"
y1="250.135"
y2="239.398"
href="#lg2"
/>
<g id="_x30_9_online_reading">
<g>
<path
d="m256 75.356v281.631c0-27.383-22.174-48.662-49.556-48.662h-141.551c-11.357 0-20.563-9.207-20.563-20.563v-241.399c0-11.357 9.207-20.563 20.563-20.563h141.55c27.37-.001 49.557 22.187 49.557 49.556z"
fill="url(#SVGID_1_)"
/>
<path
d="m256 75.355v281.632c0-27.383 22.174-48.662 49.556-48.662h141.551c11.357 0 20.563-9.207 20.563-20.563v-241.399c0-11.357-9.207-20.563-20.563-20.563h-141.551c-27.369-.001-49.556 22.186-49.556 49.555z"
fill="url(#SVGID_2_)"
/>
<path
d="m508.315 103.924v273.413c0 25.982-21.098 47.081-47.081 47.081h-410.522c-26.037 0-47.027-21.099-47.027-47.081v-273.413c0-17.877 9.932-33.392 24.534-41.337 4.885-2.684 10.361-4.509 16.105-5.315v230.466c0 11.327 9.234 20.615 20.615 20.615h141.511c12.884 0 24.641 4.724 33.445 12.563 9.878 8.803 16.105 21.58 16.105 36.074 0-14.494 6.228-27.272 16.105-36.076 8.804-7.838 20.561-12.563 33.445-12.563h141.565c11.381 0 20.561-9.287 20.561-20.615v-230.464c5.744.805 11.22 2.63 16.105 5.315 14.603 7.998 24.534 23.46 24.534 41.337z"
fill="url(#SVGID_3_)"
/>
<path
d="m3.685 356.98v20.325c0 25.997 21.014 47.071 47.01 47.071h410.549c25.997 0 47.071-21.074 47.071-47.071v-20.325z"
fill="url(#SVGID_4_)"
/>
<path
d="m192.344 475.471c11.113-9.395 17.769-23.353 21.259-35.002 1.933-6.442 2.899-12.186 3.006-16.105h78.808c.107 3.919 1.074 9.663 3.006 16.105 3.489 11.649 10.146 25.607 21.259 35.002z"
fill="url(#SVGID_5_)"
/>
<path
d="m221.276 396.049h-17.704c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h17.704c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
fill="url(#SVGID_6_)"
/>
<path
d="m264.852 396.049h-17.704c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h17.704c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
fill="url(#SVGID_7_)"
/>
<path
d="m308.428 396.049h-17.704c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h17.704c2.967 0 5.368 2.404 5.368 5.368.001 2.964-2.4 5.368-5.368 5.368z"
fill="url(#SVGID_8_)"
/>
<path
d="m360.089 486.201h-208.178c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h208.178c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
fill="url(#SVGID_9_)"
/>
<g fill="#cfa773">
<path
d="m206.444 79.043h-118.524c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h118.524c2.967 0 5.368 2.404 5.368 5.368s-2.4 5.368-5.368 5.368z"
/>
<path
d="m206.444 121.817h-118.524c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h118.524c2.967 0 5.368 2.404 5.368 5.368s-2.4 5.368-5.368 5.368z"
/>
<path
d="m206.444 164.589h-118.524c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.524c2.967 0 5.368 2.404 5.368 5.368.001 2.964-2.4 5.368-5.368 5.368z"
/>
<path
d="m206.444 207.36h-118.524c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.524c2.967 0 5.368 2.404 5.368 5.368.001 2.965-2.4 5.368-5.368 5.368z"
/>
<path
d="m206.444 250.135h-118.524c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.524c2.967 0 5.368 2.404 5.368 5.368.001 2.964-2.4 5.368-5.368 5.368z"
/>
<path
d="m424.08 79.043h-118.525c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h118.525c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
/>
<path
d="m424.08 121.817h-118.525c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h118.525c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
/>
<path
d="m424.08 164.589h-118.525c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.525c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
/>
<path
d="m424.08 207.36h-118.525c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.525c2.967 0 5.368 2.404 5.368 5.368 0 2.965-2.401 5.368-5.368 5.368z"
/>
<path
d="m424.08 250.135h-118.525c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.525c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
/>
</g>
<path
d="m206.444 79.043h-118.524c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h118.524c2.967 0 5.368 2.404 5.368 5.368s-2.4 5.368-5.368 5.368z"
fill="url(#SVGID_10_)"
/>
<path
d="m206.444 121.817h-118.524c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h118.524c2.967 0 5.368 2.404 5.368 5.368s-2.4 5.368-5.368 5.368z"
fill="url(#SVGID_11_)"
/>
<path
d="m206.444 164.589h-118.524c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.524c2.967 0 5.368 2.404 5.368 5.368.001 2.964-2.4 5.368-5.368 5.368z"
fill="url(#SVGID_12_)"
/>
<path
d="m206.444 207.36h-118.524c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.524c2.967 0 5.368 2.404 5.368 5.368.001 2.965-2.4 5.368-5.368 5.368z"
fill="url(#SVGID_13_)"
/>
<path
d="m206.444 250.135h-118.524c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.524c2.967 0 5.368 2.404 5.368 5.368.001 2.964-2.4 5.368-5.368 5.368z"
fill="url(#SVGID_14_)"
/>
<path
d="m424.08 79.043h-118.525c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h118.525c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
fill="url(#SVGID_15_)"
/>
<path
d="m424.08 121.817h-118.525c-2.967 0-5.368-2.404-5.368-5.368s2.401-5.368 5.368-5.368h118.525c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
fill="url(#SVGID_16_)"
/>
<path
d="m424.08 164.589h-118.525c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.525c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
fill="url(#SVGID_17_)"
/>
<path
d="m424.08 207.36h-118.525c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.525c2.967 0 5.368 2.404 5.368 5.368 0 2.965-2.401 5.368-5.368 5.368z"
fill="url(#SVGID_18_)"
/>
<path
d="m424.08 250.135h-118.525c-2.967 0-5.368-2.404-5.368-5.368 0-2.965 2.401-5.368 5.368-5.368h118.525c2.967 0 5.368 2.404 5.368 5.368s-2.401 5.368-5.368 5.368z"
fill="url(#SVGID_19_)"
/>
</g>
</g>
</svg>
More icons in the same style and category