Add icons to this collection by clicking the heart icon.
Alarm Bell icon - also known as time, alarm, time management, mobile, notification, alert, reminder, time and date, and alarm bell. Created in a clean lineal color 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="b"
x1="9.339"
x2="375.966"
y1="439.445"
y2="72.817"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e3dede" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="c"
x1="3.339"
x2="369.966"
y1="54.817"
y2="421.444"
gradientUnits="userSpaceOnUse"
>
<stop offset=".011" stop-color="#606082" />
<stop offset="1" stop-color="#83839e" />
</linearGradient>
<linearGradient
id="a"
x1="2150.236"
x2="2516.863"
y1="-3915.969"
y2="-3549.342"
gradientTransform="translate(-2244.565 3677.783)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".011" stop-color="#dcdce3" />
<stop offset="1" stop-color="#ededf1" />
</linearGradient>
<linearGradient
id="d"
x1="2351.571"
x2="2718.199"
y1="-3311.963"
y2="-2945.335"
href="#a"
/>
<linearGradient
id="e"
x1="152"
x2="392"
y1="252"
y2="252"
gradientUnits="userSpaceOnUse"
>
<stop offset=".011" stop-color="#f8c73f" />
<stop offset="1" stop-color="#fada7f" />
</linearGradient>
<linearGradient
id="f"
x1="216"
x2="328"
y1="232"
y2="232"
gradientUnits="userSpaceOnUse"
>
<stop offset=".011" stop-color="#fdecbf" />
<stop offset="1" stop-color="#fef9ea" />
</linearGradient>
<g>
<g>
<rect
width="272"
height="480"
x="56.652"
y="16.13"
fill="url(#b)"
rx="16"
/>
<path fill="url(#c)" d="M56.652 72.087h272v344.087h-272z" />
<path
fill="url(#a)"
d="M312.652 16.13h-240a16 16 0 0 0-16 16v39.957h272V32.13a16 16 0 0 0-16-16z"
/>
<path
fill="url(#d)"
d="M56.652 480.13a16 16 0 0 0 16 16h240a16 16 0 0 0 16-16v-63.956h-272z"
/>
<path
fill="url(#e)"
d="M380 344H192l-40 32V140a12 12 0 0 1 12-12h216a12 12 0 0 1 12 12v192a12 12 0 0 1-12 12z"
/>
<path
fill="url(#f)"
d="M312 272v-38.059a24 24 0 0 0-7.029-16.97L288 200v-8a16 16 0 0 0-16-16 16 16 0 0 0-16 16v8l-16.971 16.971a24 24 0 0 0-7.029 16.97V272l-16 16h112z"
/>
<path
d="M218.7 444.152h-50.961a12 12 0 1 0 0 24H218.7a12 12 0 0 0 0-24zM430.138 208.405a12 12 0 0 0 .009 16.97 19.945 19.945 0 0 1 0 28.229 12 12 0 1 0 16.961 16.979 43.942 43.942 0 0 0 0-62.187 12 12 0 0 0-16.97.009z"
/>
<path
d="M481.049 174.49a12 12 0 0 0-16.961 16.979 67.859 67.859 0 0 1 0 96.041 12 12 0 0 0 16.962 16.98 91.858 91.858 0 0 0 0-130zM380 116h-39.35V32.13a28.031 28.031 0 0 0-28-28h-240a28.031 28.031 0 0 0-28 28v448a28.031 28.031 0 0 0 28 28h240a28.032 28.032 0 0 0 28-28V356H380a24.027 24.027 0 0 0 24-24V140a24.027 24.027 0 0 0-24-24zM72.65 28.13h240a4 4 0 0 1 4 4v27.957h-248V32.13a4 4 0 0 1 4-4zm240 456h-240a4 4 0 0 1-4-4v-51.956h248v51.956a4.005 4.005 0 0 1-4 4zm4-79.956h-248V84.087h248V116H164a24.027 24.027 0 0 0-24 24v236a12 12 0 0 0 19.5 9.371L196.209 356H316.65zM380 332H192a12 12 0 0 0-7.5 2.629l-20.5 16.4V140h216l.015 192z"
/>
<path
d="M324 267.029v-33.088a35.767 35.767 0 0 0-10.544-25.456L300 195.029V192a28 28 0 0 0-56 0v3.029l-13.456 13.456A35.767 35.767 0 0 0 220 233.941v33.088l-12.485 12.486A12 12 0 0 0 216 300h112a12 12 0 0 0 8.485-20.485zM243.313 276a11.977 11.977 0 0 0 .687-4v-38.059a11.919 11.919 0 0 1 3.515-8.485l16.97-16.971A12 12 0 0 0 268 200v-8a4 4 0 0 1 8 0v8a12 12 0 0 0 3.515 8.485l16.97 16.971a11.919 11.919 0 0 1 3.515 8.485V272a11.977 11.977 0 0 0 .687 4z"
/>
</g>
</g>
</svg>
More icons in the same style and category