Add icons to this collection by clicking the heart icon.
Website icon - also known as education, study, website, learning, and congratulation. 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 64 64"
>
<linearGradient
id="a"
x1="12.292"
x2="72.061"
y1="67.579"
y2="2.897"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="-8.739"
x2="51.031"
y1="48.146"
y2="-16.536"
href="#a"
/>
<linearGradient
id="c"
x1="6.889"
x2="66.658"
y1="62.586"
y2="-2.096"
href="#a"
/>
<linearGradient
id="d"
x1="4.069"
x2="63.838"
y1="59.98"
y2="-4.701"
href="#a"
/>
<linearGradient
id="e"
x1="20.451"
x2="80.22"
y1="75.118"
y2="10.436"
href="#a"
/>
<linearGradient
id="f"
x1="23.963"
x2="83.73"
y1="78.363"
y2="13.684"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M51 47V34.53l-13.76 3.44a.975.975 0 0 1-.48 0L23 34.53V47c0 .9 4.76 3 14 3s14-2.1 14-3zm-24-3h-2v-2h2zm0-4h-2v-3h2z"
/>
<path
fill="url(#b)"
d="M54 5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v5h50zM7 9a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm5 0a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm5 0a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
/>
<path
fill="url(#c)"
d="m37 24.03-23 5.75v.44l23 5.75 19-4.75V30h2v.72l2-.5v-.44z"
/>
<path
fill="url(#d)"
d="M53 47c0 3.44-8.29 5-16 5s-16-1.56-16-5V34.03l-8.24-2.06A1 1 0 0 1 12 31v-2a1 1 0 0 1 .76-.97l24-6a.975.975 0 0 1 .48 0L54 26.22V12H4v42h50V33.78l-1 .25zM7 16h13v2H7zm0 4h17v2H7zm0 4h6v2H7z"
/>
<path
fill="url(#e)"
d="M58 38.13V33h-2v5.13a3.657 3.657 0 0 1 1-.13 3.708 3.708 0 0 1 1 .13z"
/>
<path
fill="url(#f)"
d="M57 39a2.006 2.006 0 0 0-2 2v4h4v-4a2.015 2.015 0 0 0-2-2z"
/>
</g>
</svg>
More icons in the same style and category