Add icons to this collection by clicking the heart icon.
Timer icon - also known as coffee, coffee shop, coffee maker, timer, hot coffee, food and restaurant, electric stove, moka pot, and induction stove. 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">
<stop offset="0" stop-color="#b5aa9d" />
<stop offset="1" stop-color="#a89e92" />
</linearGradient>
<linearGradient
id="e"
x1="31"
x2="31"
y1="30"
y2="44"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d9d9d9" />
<stop offset="1" stop-color="#ccc" />
</linearGradient>
<linearGradient
id="f"
x1="31"
x2="31"
y1="44"
y2="64"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="29.5"
x2="29.5"
y1="8"
y2="27"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#8b7368" />
<stop offset="1" stop-color="#3f342f" />
</linearGradient>
<linearGradient
id="h"
x1="31"
x2="31"
y1="61"
y2="58"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="35"
x2="35"
y1="61"
y2="58"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="39"
x2="39"
y1="61"
y2="58"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="23"
x2="23"
y1="61"
y2="58"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="27"
x2="27"
y1="61"
y2="58"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#806859" />
<stop offset="1" stop-color="#735e50" />
</linearGradient>
<linearGradient
id="m"
x1="31"
x2="31"
y1="35"
y2="39"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="26.5"
x2="26.5"
y1="48"
y2="56"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="35.5"
x2="35.5"
y1="48"
y2="56"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="41.5"
x2="41.5"
y1="48"
y2="56"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="20.5"
x2="20.5"
y1="48"
y2="56"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="31"
x2="31"
y1="50.012"
y2="52"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="31"
x2="31"
y1="53.012"
y2="55"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="43.5"
x2="43.5"
y1="8"
y2="16"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="31"
x2="31"
y1="4"
y2="8"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="31"
x2="31"
y1="27"
y2="30"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="31"
x2="31"
y1="4"
y2="0"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="49.488"
x2="49.488"
y1="24"
y2="9.054"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#e)"
d="M45.957 44c-.445-9.718-7.165-13.699-7.461-13.868A1.003 1.003 0 0 0 38 30H24c-.174 0-.345.046-.496.132-.296.169-7.016 4.15-7.461 13.868z"
/>
<path
fill="url(#f)"
d="M49 44H13c-1.654 0-3 1.346-3 3v2c0 1.985.67 3.166 1.319 4.309C12.107 54.696 13 56.271 13 60c0 2.206 1.794 4 4 4h28c2.206 0 4-1.794 4-4 0-3.678.853-5.193 1.677-6.659C51.328 52.185 52 50.988 52 49v-2c0-1.654-1.346-3-3-3z"
/>
<path
fill="url(#g)"
d="M18 8a1 1 0 0 0-1 1c0 2.763 2.065 4.744 3 5.498V23c0 .266.105.52.293.707l3 3A.997.997 0 0 0 24 27h14c.265 0 .52-.105.707-.293l3-3A.996.996 0 0 0 42 23V8z"
/>
<path
fill="url(#h)"
d="M31 61a1 1 0 0 1-1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M35 61a1 1 0 0 1-1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#j)"
d="M39 61a1 1 0 0 1-1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#k)"
d="M23 61a1 1 0 0 1-1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#l)"
d="M27 61a1 1 0 0 1-1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1z"
/>
<circle cx="31" cy="37" r="2" fill="url(#m)" />
<path
fill="url(#n)"
d="M28 48h-3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-2 2h1v1h-1zm1 4h-1v-1h1z"
/>
<path
fill="url(#o)"
d="M37 56h-3a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-2-2h1v-4h-1z"
/>
<path
fill="url(#p)"
d="M43 56h-3a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-2-2h1v-4h-1z"
/>
<path
fill="url(#q)"
d="M22 56h-3a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-2-2h1v-4h-1z"
/>
<path
fill="url(#r)"
d="M31 52c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71 0-.271.11-.521.29-.71.38-.37 1.05-.37 1.42 0 .18.189.29.439.29.71 0 .26-.11.52-.29.71-.19.18-.45.29-.71.29z"
/>
<path
fill="url(#s)"
d="M31 55c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.521.29-.71c.38-.37 1.05-.37 1.42 0 .18.189.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29z"
/>
<path fill="url(#t)" d="M44 8h-2v8h2a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z" />
<path
fill="url(#u)"
d="m41.414 8-3.707-3.707A1.002 1.002 0 0 0 37 4H25c-.265 0-.52.106-.707.293L20.586 8z"
/>
<path fill="url(#v)" d="M24 27h14v3H24z" />
<path
fill="url(#w)"
d="M28.882 4h4.236l.776-1.553A.99.99 0 0 0 34 2V1a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v1c0 .155.036.309.105.447z"
/>
<path
fill="url(#x)"
d="M45 9.054V15c0 .043-.02.08-.024.121C46.385 15.482 48 16.809 48 21c0 1.654 1.346 3 3 3s3-1.346 3-3c0-8.224-4.644-11.517-9-11.946z"
/>
</svg>
More icons in the same style and category