Add icons to this collection by clicking the heart icon.
Mugs icon - also known as coffee, tea, hot drink, mom, mugs, food and restaurant, hot chocolate, and dad. Created in a clean lineal color style with a silver, black, yellow, orange, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-8.735 0-15.842-7.106-15.842-15.842v-113.926c0-9.82 7.989-17.809 17.81-17.809 9.82 0 17.809 7.989 17.809 17.809V0Zm1.968-177.577c-26.363 0-47.81 21.447-47.81 47.809v113.926C-45.842 9.436-25.277 30 0 30h34.777c8.285 0 15-6.716 15-15v-144.768c0-26.362-21.447-47.809-47.809-47.809"
transform="translate(53.342 449.885)"
fill="#f6e266"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v113.93c0 25.27 20.57 45.84 45.84 45.84H30.95c-25.27 0-45.84-20.57-45.84-45.84V0c0-26.36 21.45-47.81 47.81-47.81 2.53 0 5.02.2 7.45.58C17.53-43.65 0-23.83 0 0"
transform="translate(22.39 320.118)"
fill="#eab14d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-177.472c-20.966 0-37.964 16.997-37.964 37.963v242.454H37.963V37.963C37.963 16.997 20.967 0 0 0"
transform="translate(288.555 223.62)"
fill="#f6e266"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.85c-20.96 0-37.96 17-37.96 37.97v242.45h63.85V37.97C-37.96 17-20.97 0 0 0"
transform="translate(174.93 223.613)"
fill="#eab14d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h174.55v-215.65"
transform="translate(151.97 504.04)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48.85v-242.45c0-20.97 17-37.97 37.96-37.97h74.4"
transform="translate(121.97 504.04)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a47.546 47.546 0 0 0-17.81-3.44c-26.36 0-47.81 21.45-47.81 47.81V158.3c0 25.27 20.56 45.84 45.84 45.84H0m-19.778-30.001c-8.736 0-15.842-7.107-15.842-15.842V44.371c0-9.82 7.989-17.809 17.809-17.809 9.821 0 17.81 7.989 17.81 17.809v129.768z"
transform="translate(73.12 275.747)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-129.768c0-9.82 7.989-17.809 17.81-17.809 9.82 0 17.809 7.989 17.809 17.809v113.926C35.619-7.106 28.513 0 19.777 0Zm-30-129.768V15c0 8.284 6.716 15 15 15h34.777c25.278 0 45.842-20.564 45.842-45.842v-113.926c0-26.362-21.447-47.809-47.809-47.809-26.363 0-47.81 21.447-47.81 47.809"
transform="translate(438.88 234.235)"
fill="#eadfda"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a17.708 17.708 0 0 1 5.729-.962c9.82 0 17.809 7.989 17.809 17.809v113.926c0 8.735-7.106 15.842-15.842 15.842H-3.761c8.736 0 15.842-7.107 15.842-15.842V16.847C12.081 9.033 7.015 2.393 0 0"
transform="translate(462.419 87.62)"
fill="#c6beb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h177.472c20.966 0 37.964 16.997 37.964 37.963v242.454H-37.963V37.963C-37.963 16.997-20.967 0 0 0"
transform="translate(223.445 7.97)"
fill="#eadfda"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.85c-20.96 0-37.96 17-37.96 37.97v242.45h63.85V37.97C-37.96 17-20.97 0 0 0"
transform="translate(287.292 7.963)"
fill="#c6beb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.66 5.75 23.25 19.26 23.25 35v242.46h-253.4V35c0-20.96 17-37.96 37.97-37.96h162.47"
transform="translate(415.63 10.93)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h19.78c25.28 0 45.84-20.57 45.84-45.84v-113.93c0-26.36-21.45-47.81-47.81-47.81-6.29 0-12.3 1.22-17.81 3.44M.001-30.001v-129.768c0-9.82 7.989-17.809 17.81-17.809 9.82 0 17.809 7.989 17.809 17.809v113.926c0 8.736-7.106 15.842-15.842 15.842z"
transform="translate(438.88 264.236)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 23.898 62.749c.489 1.194 2.179 1.196 2.67.002L50.25 0"
transform="translate(284.055 124.971)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h35.463"
transform="translate(291.508 140.6)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60.695"
transform="translate(228.4 186.67)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.018-9.445-30.483-24.43-30.746-4.988-.087-17.879-.135-17.879-.135S-42.39-8.51-42.39.068c0 7.045-.045 30.813-.045 30.813h17.493C-8.506 30.881 0 17.018 0 0Z"
transform="translate(270.835 155.852)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60.695"
transform="translate(353.527 186.67)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.018-9.445-30.483-24.43-30.746-4.988-.087-17.879-.135-17.879-.135S-42.39-8.51-42.39.068c0 7.045-.044 30.813-.044 30.813h17.492C-8.506 30.881 0 17.018 0 0Z"
transform="translate(395.961 155.852)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.938 49.522c.224 1.16 1.841 1.269 2.217.149L25.696.386c.352-1.05 1.84-1.042 2.181.011l14.044 49.266c.365 1.123 1.983 1.031 2.219-.125L53.607 0"
transform="translate(101.957 352.116)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.938 49.522c.223 1.16 1.841 1.269 2.217.149L25.696.386c.352-1.05 1.839-1.042 2.181.011l14.044 49.266c.365 1.123 1.983 1.031 2.219-.125L53.607 0"
transform="translate(244.074 352.116)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-14.042-11.384-25.427-25.427-25.427S-50.854-14.042-50.854 0c0 14.043 11.384 25.427 25.427 25.427S0 14.043 0 0Z"
transform="translate(225.246 376.753)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category