Add icons to this collection by clicking the heart icon.
School icon - also known as education, buildings, school, college, high school, and architecture and city. Created in a clean gradient style with a white, black, and olive 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="e"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdbf00" />
<stop offset="1" stop-color="#ff9f00" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff7816" />
<stop offset="1" stop-color="#ff4b00" />
</linearGradient>
<linearGradient
id="f"
x1="115.183"
x2="162.38"
y1="213.111"
y2="260.308"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="338.26"
x2="410.576"
y1="201.303"
y2="273.62"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d3d3d8" />
<stop offset="1" stop-color="#babac0" />
</linearGradient>
<linearGradient
id="h"
x1="63.448"
x2="190.052"
y1="264.845"
y2="391.448"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ff9100" />
<stop offset="1" stop-color="#ff5d00" />
</linearGradient>
<linearGradient
id="i"
x1="255.828"
x2="338.672"
y1="45.859"
y2="128.703"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="321.948"
x2="448.552"
y1="264.845"
y2="391.448"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="158.434"
x2="354.425"
y1="206.397"
y2="402.388"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e7e7e7" />
<stop offset="1" stop-color="#d3d3d8" />
</linearGradient>
<linearGradient
id="l"
x1="234.112"
x2="277.888"
y1="210.112"
y2="253.888"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="206.663"
x2="305.337"
y1="311.552"
y2="410.226"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6f5654" />
<stop offset="1" stop-color="#3e322e" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#2fc0f0" />
<stop offset="1" stop-color="#0d91bd" />
</linearGradient>
<linearGradient
id="n"
x1="255.828"
x2="297.422"
y1="355.922"
y2="397.516"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="240.406"
x2="271.594"
y1="307.111"
y2="338.299"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="214.578"
x2="256.172"
y1="355.922"
y2="397.516"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#f)"
d="M127.23 201.063 80 248.292l11.172 10.777h72.445l9.883-10.777v-47.23zm0 0"
/>
<path
fill="url(#g)"
d="M384.77 201.063H338.5v47.23l20.883 14.644h61.875L432 248.293zm0 0"
/>
<path fill="url(#h)" d="M80 248.293h93.5V408H80zm0 0" />
<path
fill="#53433f"
d="M266.313 108.25v20.625h-20.625v-10.313l10.312-9.28 1.031-1.032zm0 0"
/>
<path
fill="#3e322e"
d="M266.313 128.875H256v-19.594l1.031-1.031h9.281zm0 0"
/>
<path fill="url(#i)" d="M245.688 56v62.563h103.125V56zm0 0" />
<path fill="url(#j)" d="M338.5 248.293H432V408h-93.5zm0 0" />
<path
fill="url(#k)"
d="M348.813 200.785V408H164.047V200.785l92.383-86.95zm0 0"
/>
<path
fill="url(#l)"
d="M256 201.063c-17.117 0-30.938 13.82-30.938 30.937S238.88 262.938 256 262.938s30.938-13.82 30.938-30.938-13.82-30.938-30.938-30.938zm0 0"
/>
<path
fill="url(#m)"
d="M256 283.563c-28.465 0-51.563 23.101-51.563 51.562V408h103.125v-72.875c0-28.465-23.097-51.563-51.562-51.563zm0 0"
/>
<path
fill="#53433f"
d="M121.25 283.563h20.625v20.625H121.25zM121.25 324.813h20.625v20.625H121.25zm0 0"
/>
<path
fill="#3e322e"
d="M370.125 283.563h20.625v20.625h-20.625zM370.125 324.813h20.625v20.625h-20.625zm0 0"
/>
<path fill="url(#n)" d="M266.313 345.438h20.625V408h-20.625zm0 0" />
<path
fill="url(#o)"
d="M285.082 324.813h-58.16c4.328-11.961 15.672-20.625 29.078-20.625s24.75 8.664 29.082 20.625zm0 0"
/>
<path fill="url(#p)" d="M225.063 345.438h20.625V408h-20.625zm0 0" />
<path
fill="#ede9e8"
d="M266.313 232c0 5.773-4.54 10.313-10.313 10.313s-10.313-4.54-10.313-10.313c0-5.777 4.536-10.313 10.313-10.313s10.313 4.536 10.313 10.313zm0 0"
/>
</svg>
More icons in the same style and category