Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, coffee, hot drink, mug, and food and restaurant. 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 2.83333 2.83333"
>
<linearGradient
id="id0"
gradientUnits="userSpaceOnUse"
x1="1.417"
x2="1.417"
y1="2.833"
y2="0"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".0117647" stop-color="#262261" />
<stop offset=".0196078" stop-color="#262261" />
<stop offset=".0313725" stop-color="#262261" />
<stop offset=".0392157" stop-color="#262261" />
<stop offset=".0509804" stop-color="#262261" />
<stop offset=".0588235" stop-color="#292363" />
<stop offset=".0705882" stop-color="#2c2365" />
<stop offset=".0784314" stop-color="#2f2468" />
<stop offset=".0901961" stop-color="#32246a" />
<stop offset=".101961" stop-color="#35256c" />
<stop offset=".109804" stop-color="#37256e" />
<stop offset=".121569" stop-color="#3a2670" />
<stop offset=".129412" stop-color="#3d2672" />
<stop offset=".141176" stop-color="#3f2774" />
<stop offset=".14902" stop-color="#422776" />
<stop offset=".160784" stop-color="#442777" />
<stop offset=".168627" stop-color="#462879" />
<stop offset=".180392" stop-color="#48287a" />
<stop offset=".188235" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".211765" stop-color="#4e297f" />
<stop offset=".219608" stop-color="#502980" />
<stop offset=".231373" stop-color="#512981" />
<stop offset=".239216" stop-color="#532a83" />
<stop offset=".25098" stop-color="#552a84" />
<stop offset=".258824" stop-color="#562a85" />
<stop offset=".270588" stop-color="#582a86" />
<stop offset=".278431" stop-color="#592b87" />
<stop offset=".290196" stop-color="#5a2b88" />
<stop offset=".301961" stop-color="#5b2b89" />
<stop offset=".309804" stop-color="#5c2b8a" />
<stop offset=".321569" stop-color="#5e2b8a" />
<stop offset=".329412" stop-color="#5f2c8b" />
<stop offset=".341176" stop-color="#602c8c" />
<stop offset=".34902" stop-color="#612c8d" />
<stop offset=".360784" stop-color="#612c8d" />
<stop offset=".368627" stop-color="#622c8e" />
<stop offset=".380392" stop-color="#622c8e" />
<stop offset=".388235" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".411765" stop-color="#632d8f" />
<stop offset=".419608" stop-color="#642d8f" />
<stop offset=".431373" stop-color="#642d8f" />
<stop offset=".439216" stop-color="#652d90" />
<stop offset=".45098" stop-color="#652d90" />
<stop offset=".458824" stop-color="#672d90" />
<stop offset=".470588" stop-color="#682d90" />
<stop offset=".478431" stop-color="#6a2c90" />
<stop offset=".490196" stop-color="#6b2c90" />
<stop offset=".501961" stop-color="#6d2c90" />
<stop offset=".509804" stop-color="#6e2c90" />
<stop offset=".521569" stop-color="#702c90" />
<stop offset=".529412" stop-color="#712b90" />
<stop offset=".541176" stop-color="#722b90" />
<stop offset=".54902" stop-color="#732b90" />
<stop offset=".560784" stop-color="#752b90" />
<stop offset=".568627" stop-color="#762b90" />
<stop offset=".580392" stop-color="#772a8f" />
<stop offset=".588235" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".611765" stop-color="#7a2a8f" />
<stop offset=".619608" stop-color="#7c2a8f" />
<stop offset=".631373" stop-color="#7d2a8f" />
<stop offset=".639216" stop-color="#7e298f" />
<stop offset=".65098" stop-color="#7f298f" />
<stop offset=".658824" stop-color="#80298f" />
<stop offset=".670588" stop-color="#81298f" />
<stop offset=".678431" stop-color="#82298f" />
<stop offset=".690196" stop-color="#82298f" />
<stop offset=".701961" stop-color="#83298f" />
<stop offset=".709804" stop-color="#84298f" />
<stop offset=".721569" stop-color="#85298f" />
<stop offset=".729412" stop-color="#85298f" />
<stop offset=".741176" stop-color="#86288e" />
<stop offset=".74902" stop-color="#87288e" />
<stop offset=".760784" stop-color="#87288e" />
<stop offset=".768627" stop-color="#88288e" />
<stop offset=".780392" stop-color="#89288e" />
<stop offset=".788235" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".811765" stop-color="#8b288e" />
<stop offset=".819608" stop-color="#8b288e" />
<stop offset=".831373" stop-color="#8c288e" />
<stop offset=".839216" stop-color="#8c288e" />
<stop offset=".85098" stop-color="#8d288e" />
<stop offset=".858824" stop-color="#8d288e" />
<stop offset=".870588" stop-color="#8d288e" />
<stop offset=".878431" stop-color="#8d288e" />
<stop offset=".890196" stop-color="#8e288e" />
<stop offset=".901961" stop-color="#8e288e" />
<stop offset=".909804" stop-color="#8e278e" />
<stop offset=".921569" stop-color="#8e278e" />
<stop offset=".929412" stop-color="#8e278e" />
<stop offset=".941176" stop-color="#8f278e" />
<stop offset=".94902" stop-color="#8f278e" />
<stop offset=".960784" stop-color="#8f278e" />
<stop offset=".968627" stop-color="#8f278e" />
<stop offset=".980392" stop-color="#90278e" />
<stop offset=".988235" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<g id="Layer_x0020_1">
<path
d="m2.83333 1.41667c0-.782406-.63426-1.41667-1.41667-1.41667-.782406 0-1.41667.63426-1.41667 1.41667 0 .782406.63426 1.41667 1.41667 1.41667.782406 0 1.41667-.63426 1.41667-1.41667z"
fill="url(#id0)"
/>
<g id="_385333176">
<g>
<g>
<path
id="_206075608"
d="m1.31111 2.05837c-.337441 0-.612394-.274953-.612394-.612398 0-.0138858.0111102-.0249961.0249961-.0249961.0138858 0 .0249961.0111102.0249961.0249961 0 .311059.252736.563795.563791.563795.311059 0 .563795-.252736.563795-.563795 0-.0138858.0111102-.0249961.0249961-.0249961.0138858 0 .0249961.0111102.0249961.0249961-.00277953.337445-.277732.612398-.615177.612398z"
fill="#fff"
/>
</g>
<g>
<path
id="_206075296"
d="m1.31111 1.57928c-.0249961 0-.612394-.00138976-.612394-.134701 0-.133307.587398-.134697.612394-.134697.0249961 0 .611008.00138976.611008.134697.00000394.133315-.586012.134701-.611008.134701zm0-.222181c-.358272 0-.554071.0555433-.563791.0874803.00972047.0291614.212465.0860984.563791.0860984.351331 0 .552685-.0569331.562406-.0874843-.00972047-.0291614-.20552-.0860945-.562406-.0860945z"
fill="#fff"
/>
</g>
<g>
<path
id="_206075560"
d="m1.31111 2.27083c-.31522 0-.561016-.10415-.561016-.23885 0-.0652677.0569331-.126366.161083-.169417.0124961-.00555512.0263858 0 .0319409.0124961.00555512.0124961 0 .0263858-.0124961.0319409-.0833189.0347165-.130535.0805433-.130535.12498 0 .0902638.211075.190248.512409.190248.301339 0 .512413-.0999843.512413-.190248 0-.044437-.0486024-.088874-.131921-.12498-.0124961-.00555512-.0180512-.0194409-.0124961-.0319409.00555512-.0124961.0194409-.0180512.0319409-.0124961.10415.0430472.162472.10415.162472.169417-.00277559.134701-.248571.23885-.563795.23885z"
fill="#fff"
/>
</g>
<g>
<path
id="_206075128"
d="m1.99989 1.8223h-.21802c-.0138858 0-.0249961-.0111102-.0249961-.0249961 0-.0138858.0111102-.0249961.0249961-.0249961h.21802c.0458268 0 .0860984-.0388819.0860984-.0847087s-.0388819-.0847087-.0860984-.0847087h-.11526c-.0138858 0-.0249961-.0111102-.0249961-.0249961 0-.0138858.0111102-.0249961.0249961-.0249961l.11526.00000394c.0735984 0 .134701.0597126.134701.133311s-.0611024.136087-.134701.136087z"
fill="#fff"
/>
</g>
<g>
<g>
<path
id="_206075848"
d="m1.14308 1.06965c-.0472126 0-.0916457-.0166654-.126362-.0486024-.0374921-.0333268-.0611024-.0805433-.063878-.131921-.00555512-.101374.0708228-.190248.170799-.199969.0249961-.0722087.0916496-.122201.169417-.126366.0777638-.00416535.149972.0402717.181913.108315h.00277559c.0458268 0 .0902638.0166654.12498.0486024.0374921.0333268.0611024.0805433.063878.131921.00555512.10415-.0749882.194413-.180528.199969-.0138858 0-.0249961-.00972047-.0249961-.0236063-.00138976-.0138858.00972047-.0249961.0236063-.0249961.0777638-.00416535.138866-.0708228.134701-.149976-.00138976-.0374921-.0194409-.0722087-.0472126-.0985945-.0277717-.0249961-.0652677-.0374921-.10276-.0361063h-.00972047c-.00972047 0-.0194409-.00694488-.0222205-.0166654-.0208307-.0569331-.0791535-.0958189-.140256-.0916496-.0624882.00277559-.11526.0472126-.129146.106925-.00416142.0138898-.0138819.0208307-.0249921.0208307h-.00833071c-.076374.00416535-.137472.0708228-.133307.149976.00138976.0374921.0194409.0722087.0472126.0985945.0277717.0249961.063874.0374921.102756.0361063.0138858 0 .0249961.00972047.0249961.0236063.00138976.0138858-.00972047.0249961-.0236063.0249961-.00277559-.00138976-.00555512-.00138976-.00972047-.00138976z"
fill="#fff"
/>
</g>
<g>
<path
id="_206075272"
d="m1.38471 1.1002c-.00555512 0-.00972047-.00138976-.0152756-.00555512-.0111102-.00833071-.0124961-.0236063-.00416535-.0347165.0458268-.0597126-.00138976-.145811-.00138976-.145811-.00694488-.0111102-.00277559-.0263858.00972047-.0333268.0111102-.00694488.0263858-.00277559.0333268.00972047.00277559.00416535.0624882.11387-.00138976.199969-.00694094.00555512-.0138819.00972047-.0208268.00972047z"
fill="#fff"
/>
</g>
<g>
<path
id="_206075656"
d="m1.38471 1.27239c-.00833071 0-.0166654-.00416535-.0208307-.0124961-.00277559-.00416535-.0624882-.11526.00138976-.199969.00833071-.0111102.0236063-.0124961.0347165-.00416535.0111102.00833071.0124961.0236063.00416535.0347165-.044437.0597126.00138976.145811.00138976.145811.00694488.0111102.00277559.0263858-.00972047.0333268-.00277559.00138976-.00694488.00277559-.0111102.00277559z"
fill="#fff"
/>
</g>
<g>
<path
id="_206075800"
d="m1.24584 1.1002c-.00555512 0-.00972047-.00138976-.0152756-.00555512-.0111102-.00833071-.0124961-.0236063-.00416535-.0347165.0458268-.0597126-.00138976-.145811-.00138976-.145811-.00694488-.0111102-.00277559-.0263858.00972047-.0333268.0111102-.00694488.0263858-.00277559.0333268.00972047.00277559.00416535.0624882.11387-.00138976.199969-.00693701.00555512-.0138819.00972047-.0208268.00972047z"
fill="#fff"
/>
</g>
<g>
<path
id="_206075152"
d="m1.24584 1.27239c-.00833071 0-.0166654-.00416535-.0208307-.0124961-.00277559-.00416535-.0624882-.11526.00138976-.199969.00833071-.0111102.0236063-.0124961.0347165-.00416535.0111102.00833071.0124961.0236063.00416535.0347165-.044437.0583228.00138976.145811.00138976.145811.00694488.0111102.00138976.0263858-.00972047.0333268-.00277559.00138976-.00694094.00277559-.0111102.00277559z"
fill="#fff"
/>
</g>
</g>
<g>
<path
id="_206074456"
d="m1.31111 2.1778c-.143031 0-.287449-.044437-.287449-.127756 0-.0208307.00972047-.0513819.0555472-.0791535.0111063-.00694488.0263819-.00277559.0333228.00833071.00694488.0111102.00277559.0263858-.00833071.0333268-.0208268.0124961-.031937.0249961-.031937.0374921 0 .0319409.0930354.0791535.238846.0791535.144421 0 .237461-.0472126.237461-.0791535 0-.0166654-.0194409-.0305512-.0319409-.0374921-.0111102-.00694488-.0152756-.0208307-.00972047-.0333268.00694488-.0111102.0208307-.0152756.0333268-.00972047.0458268.0263858.0555472.0583228.0555472.0791535.00277953.0847087-.145807.129146-.284673.129146z"
fill="#fff"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category