Add icons to this collection by clicking the heart icon.
Campus icon - also known as school, college, building, campus, elementary school, and architecture and city. 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="d"
x1="31"
x2="41"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ac70c" />
<stop offset="1" stop-color="#8ee000" />
</linearGradient>
<linearGradient
id="e"
x1="27.173"
x2="36.827"
y1="20.519"
y2="30.173"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff838f" />
<stop offset="1" stop-color="#fd5d65" />
</linearGradient>
<linearGradient
id="f"
x1="21.146"
x2="42.854"
y1="26.439"
y2="48.146"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd68d" />
<stop offset="1" stop-color="#fec95b" />
</linearGradient>
<linearGradient
id="c"
x1="28.293"
x2="35.707"
y1="28.293"
y2="35.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7bc3ef" />
<stop offset="1" stop-color="#54a6e2" />
</linearGradient>
<linearGradient
id="a"
x1="40.854"
x2="52.854"
y1="34.146"
y2="46.146"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2ad50" />
<stop offset="1" stop-color="#c48d35" />
</linearGradient>
<linearGradient id="g" x1="11.293" x2="23" y1="34.293" y2="46" href="#a" />
<linearGradient
id="h"
x1="21.293"
x2="42.707"
y1="36.293"
y2="57.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#515c6d" />
<stop offset="1" stop-color="#2e3744" />
</linearGradient>
<linearGradient
id="b"
x1="46"
x2="48"
y1="40"
y2="40"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4695c6" />
<stop offset="1" stop-color="#3a85aa" />
</linearGradient>
<linearGradient id="i" x1="16" x2="18" href="#b" />
<linearGradient
id="j"
x1="26.793"
x2="37.207"
y1="37.379"
y2="47.793"
href="#c"
/>
<path
fill="url(#d)"
d="M40.984 16.179A1 1 0 0 1 40 17h-7v2a1 1 0 0 1-2 0v-6a1 1 0 0 1 .07-.348c.009-.023.015-.045.026-.067a.978.978 0 0 1 .183-.272c.016-.017.034-.03.051-.045a.865.865 0 0 1 .1-.09.948.948 0 0 1 .151-.08c.014-.007.027-.016.041-.022a.99.99 0 0 1 .344-.069c.012 0 .021-.007.033-.007s.021.006.032.006a1.013 1.013 0 0 1 .32.057l8 3a1 1 0 0 1 .633 1.116z"
/>
<path fill="url(#e)" d="M40 27H24a8 8 0 0 1 16 0z" />
<path fill="url(#f)" d="M43 48H21V27a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1z" />
<path
fill="url(#c)"
d="M37 34a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zm-4-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0zm-5 0v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0z"
/>
<path fill="url(#a)" d="M51 48h-8V32h7a1 1 0 0 1 1 1z" />
<path fill="url(#g)" d="M13 33a1 1 0 0 1 1-1h7v16h-8z" />
<path fill="url(#h)" d="M52 48H12a1 1 0 0 1 0-2h40a1 1 0 0 1 0 2z" />
<path
fill="url(#b)"
d="M47 44a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M17 44a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1z"
/>
<path fill="url(#j)" d="M37 48H27V38a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2z" />
</svg>
More icons in the same style and category