Add icons to this collection by clicking the heart icon.
School Bell icon - also known as education, school, alarm, school bell, and alert. Created in a clean flat gradient style with a white 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1="2"
x2="24"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="c"
x1="20"
x2="28"
y1="22.5"
y2="22.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient id="d" x1="24" x2="30" y1="16.5" y2="16.5" href="#a" />
<linearGradient
id="b"
x1="9"
x2="17"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<linearGradient id="e" x1="4" x2="22" y1="26" y2="26" href="#b" />
<g>
<circle cx="13" cy="13" r="11" fill="url(#a)" />
<path
d="M24 13v.43a11 11 0 0 0-22 0V13a11 11 0 0 1 22 0z"
opacity=".1"
/>
<path
fill="url(#c)"
d="M23.16 27H21a1 1 0 0 1 0-2h2.16A2.85 2.85 0 0 0 26 22.16V19a1 1 0 0 1 2 0v3.16A4.84 4.84 0 0 1 23.16 27z"
/>
<path
fill="url(#d)"
d="M27 13a3 3 0 0 0-3 3v1a3 3 0 0 0 6 0v-1a3 3 0 0 0-3-3z"
/>
<path
d="M27.5 20a2.07 2.07 0 0 1-.5 0 3 3 0 0 1-3-3v-1a3 3 0 0 1 3-3 2.07 2.07 0 0 1 .5.05A3 3 0 0 0 25 16v1a3 3 0 0 0 2.5 3z"
opacity=".1"
/>
<circle cx="13" cy="14" r="4" opacity=".1" />
<circle cx="13" cy="13" r="4" fill="url(#b)" />
<path
d="M13 22a8 8 0 0 1 0-16 1 1 0 0 1 0 2 6 6 0 0 0 0 12 1 1 0 0 1 0 2z"
opacity=".1"
/>
<path
fill="#fff"
d="M13 21a8 8 0 0 1 0-16 1 1 0 0 1 0 2 6 6 0 0 0 0 12 1 1 0 0 1 0 2z"
/>
<circle cx="13" cy="13" r="1" fill="#fff" />
<rect width="18" height="8" x="4" y="22" fill="url(#e)" rx="1" />
<path
d="M22 23v1a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v-1a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1zM13 27a1 1 0 0 1-1 1H4v-2h8a1 1 0 0 1 1 1z"
opacity=".1"
/>
<circle cx="18" cy="27" r="1" opacity=".1" />
<circle cx="15" cy="27" r="1" opacity=".1" />
<g fill="#fff">
<path d="M13 26a1 1 0 0 1-1 1H4v-2h8a1 1 0 0 1 1 1z" />
<circle cx="18" cy="26" r="1" />
<circle cx="15" cy="26" r="1" />
</g>
</g>
</svg>
More icons in the same style and category