Add icons to this collection by clicking the heart icon.
Mug icon - also known as drink, coffee cup, mug, cafe, commerce and shopping, and tea cup. Created in a clean others 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 48 48"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ffa523" />
        <stop offset="1" stop-color="#b56b00" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 -6.471 2.583 0 295.493 15.183)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(-9.334 -7.254 9.067 -7.467 301.117 21.355)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#000034" />
        <stop offset="1" stop-color="#1818aa" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(.107 1.976 -2.08 .101 361.967 23.364)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="url(#b)"
            d="M298.319 17.388v-2.744c0-2.453-.794-4.442-1.774-4.442h-2.09c-.98 0-1.774 1.989-1.774 4.442v2.744c0 .441.143.798.319.798s.319-.357.319-.798v-2.744c0-1.572.508-2.846 1.136-2.846h2.09c.628 0 1.136 1.274 1.136 2.846v2.744c0 .441.143.798.319.798s.319-.357.319-.798z"
            transform="matrix(0 3.138 -1.253 0 56.781 -907.261)"
        />
        <path
            fill="url(#c)"
            d="M302.342 16.145c0-.641-.318-1.257-.886-1.71-.567-.454-1.336-.709-2.138-.709H292c-.189 0-.342.123-.342.274v8c0 .151.153.274.342.274h7.318c.802 0 1.571-.255 2.138-.709.568-.453.886-1.069.886-1.71z"
            transform="matrix(0 2.923 -3.654 0 85.385 -844.154)"
        />
        <path
            fill="url(#d)"
            d="M357 24.325h10c.189 0 .342-.146.342-.325s-.153-.325-.342-.325h-10c-.189 0-.342.146-.342.325s.153.325.342.325z"
            transform="matrix(2.923 0 0 3.077 -1038.536 -35.231)"
        />
    </g>
</svg>
More icons in the same style and category