Add icons to this collection by clicking the heart icon.
Cappuccino icon - also known as drink, coffee shop, coffee cup, coffee mug, cappuccino, food and restaurant, whipped cream, and coffee latte. Created in a clean flat style with a white, silver, gray, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#8c5754"
d="M89.879 443.914h334.614l2.748-1.719c45.504-44.483 73.761-106.536 73.761-175.198 0-135.311-109.691-245.002-245.002-245.002a246.55 246.55 0 0 0-42.49 3.681C169.058 52.558 100.449 94.107 61.548 117.96c-31.697 41.293-50.551 92.959-50.551 149.038 0 66.429 26.449 126.671 69.377 170.802z"
/>
<path
fill="#c5ebfc"
d="m338.356 497.797 3.303-2.066H170.432l3.212 2.066C199.384 506.983 227.104 512 256 512s56.616-5.017 82.356-14.203z"
/>
<path
fill="#fcead9"
d="M351.484 75.675c-6.939.369-13.265-3.545-16.334-9.779-4.865-9.886-15.481-16.025-26.43-15.447a17.264 17.264 0 0 1-6.949-1.064c-4.431 3.574-10.677 4.783-16.345 2.394a3.553 3.553 0 0 0-4.749 2.138c-2.342 6.969-9.069 11.457-16.38 10.901-2.359-.165-4.208 1.846-3.83 4.125.498 3.007-.372 6.085-2.388 8.444-5.831 6.831-17.007 3.444-18.211-5.309-.756-5.503 2.883-10.637 8.285-11.688a3.657 3.657 0 0 0 2.574-1.917c.866-1.677.089-2.938-.263-3.843a3.623 3.623 0 0 0-3.377-2.322c-1.069 0-8.711 2.892-15.75-3.23-1.389-1.209-3.443-1.236-4.778-.066-3.299 2.898-5.145 2.298-5.865 4.836-.85 3 2.76 4.085 2.112 9.827-1.233 10.951-16.743 12.65-20.237 2.058-.66-2.001-2.898-2.898-4.788-2.107a15.96 15.96 0 0 1-7.741 1.153l.009.181c-5.535.695-24.918 4.135-29.721 18.545-4.949 14.848-15.548 19.453-15.651 19.496l-.903.374-.022.978c-.002.098-.016.767-.029 1.947h236.799c.145-1.289.2-2.6.159-3.926-.51-16.373-14.6-27.476-29.197-26.699z"
/>
<path
fill="#f4dabd"
d="M161.75 83.98c5.25-15.75 29.865-17.679 29.865-17.679l-.07-1.448c-5.242-.019-10.379-2.59-13.461-7.368-1.282-1.984-3.71-2.816-5.907-2.02-8.545 3.088-17.417-.419-21.989-7.233a17.144 17.144 0 0 1-9.425 2.218c-10.95-.58-21.572 5.556-26.438 15.447-3.067 6.235-9.394 10.146-16.333 9.777C83.396 74.898 69.306 86 68.799 102.373a27.512 27.512 0 0 0 .159 3.927h76.261c.017-1.256.032-1.912.032-1.912S156.5 99.73 161.75 83.98z"
/>
<g fill="#c5ebfc">
<path
d="M455.25 191.942c4.261 4.345 6.956 12.638 7.447 23.436.355-.607.716-1.215 1.099-1.824 7.111-11.301 15.653-14.184 22.523-14.184 6.692 0 11.798 2.738 12.442 3.1l1.09.73c-2.328-15.761-8.19-28.756-17.296-38.039-9.223-9.404-19.711-15.516-30.976-18.808-4.312 1.834-15.007 7.264-17.728 16.936-1.702 6.047.047 12.565 5.187 19.395 6.213 1.481 11.595 4.551 16.212 9.258zM466.05 279.502c-9.591-5.683-10.675-19.568-10.685-19.708l-.053-.305c-.005-.019-.055-.206-.129-.523a150.638 150.638 0 0 1-2.908 7.499c-7.252 17.268-20.908 41.097-45.806 61.965-1.137 4.422-2.791 14.295 2.456 21.757 3.92 5.575 10.816 8.556 20.508 8.877 31.703-26.024 48.997-56.094 58.107-77.791.268-.638.519-1.276.778-1.915-9.175 3.414-16.653 3.47-22.268.144z"
/>
</g>
<path
fill="#e6f9ff"
d="M500.987 217.351c-.09-5.67-.577-11.065-1.441-16.161-.078-.045-21.855-12.533-37.021 11.565 1.078 13.133-1.299 30.471-8.41 49.094 1.092 6.802 6.727 28.561 33.446 19.371 9.101-21.691 13.744-43.776 13.426-63.869z"
/>
<g fill="#9bd8f9">
<path
d="M431.216 357.597c-33.782 0-22.654-30.956-22.654-30.956a168.582 168.582 0 0 1-13.273 10.389 169.197 169.197 0 0 1-18.903 11.55c-6.364 3.339-13.341-1.219-13.878-7.514-11.685 31.216-24.067 54.563-34.073 70.71 5.273-5.534 11.971-9.585 19.454-11.525 25.341-6.574 48.56-17.244 69.437-31.96a207.24 207.24 0 0 0 13.89-10.694zM416.867 144.345c-7.47 1.077-14.226-3.545-16.47-10.27-.774 22.935-2.424 44.453-4.76 64.591 2.714-6.463 8.109-11.579 14.989-13.745a80.18 80.18 0 0 1 5.558-1.537c9.721-2.308 18.099-2.314 25.293-.021l-.013-.018c-20.538-24.903 12.405-36.283 12.405-36.283-11.634-3.836-24.15-4.569-37.002-2.717z"
/>
</g>
<path
fill="#f1b788"
d="M152.811 167.555c-2.917 0-5.369-.193-7.507-.516 3.301 58.847 13.148 147.281 41.98 212.129 9.212 20.72 29.887 34.108 52.672 34.108h88.5c24.008-38.244 62.719-119.079 71.562-252.278-8.95 2.113-12.292 6.556-26.327 6.556-18.409 0-18.409-7.65-36.818-7.65-18.407 0-18.407 7.65-36.814 7.65s-18.407-7.65-36.815-7.65c-18.406 0-18.406 7.65-36.813 7.65-18.406 0-18.406-7.65-36.812-7.65-18.404.001-18.404 7.651-36.808 7.651z"
/>
<path
fill="#e2915a"
d="M239.956 411.776c-22.151 0-42.302-12.977-51.301-33.218-28.858-64.908-38.657-152.747-41.913-211.328-12.618-1.456-14.62-7.325-30.742-7.325-18.407 0-18.407 7.65-36.813 7.65-15.678 0-18.009-5.547-29.727-7.192 10.478 159.727 63.903 244.339 83.695 270.582a22.734 22.734 0 0 0 18.155 9.051h146.898a22.733 22.733 0 0 0 18.155-9.051c3.454-4.58 7.935-10.945 13.031-19.169z"
/>
<path
fill="#e6f9ff"
d="M417.657 437.8h-190.99s-36.333 28.896 0 59.997h111.69c33.631-12.002 63.864-31.143 88.885-55.602-2.306-2.668-5.708-4.395-9.585-4.395z"
/>
<path
fill="#f4dabd"
d="M387.155 104.388H143.75c-.024 1.132-.498 26.655 1.609 63.616 2.125.318 4.561.507 7.453.507 18.404 0 18.404-7.65 36.808-7.65 18.406 0 18.406 7.65 36.812 7.65s18.406-7.65 36.813-7.65 18.407 7.65 36.815 7.65c18.407 0 18.407-7.65 36.814-7.65 18.409 0 18.409 7.65 36.818 7.65 14 0 17.36-4.421 26.26-6.541a841.155 841.155 0 0 0 1.785-42.775c.133-8.138-6.443-14.807-14.582-14.807z"
/>
<path
fill="#f1b788"
d="M62.36 104.388c-8.139 0-14.715 6.669-14.58 14.807a840.22 840.22 0 0 0 1.738 42.132c11.667 1.656 14.016 7.184 29.667 7.184 18.407 0 18.407-7.65 36.813-7.65 16.145 0 18.131 5.884 30.796 7.331-2.141-37.899-1.545-63.804-1.545-63.804H62.36z"
/>
<path
fill="#efa56d"
d="M292.501 40.93c-4.809-10.038-15.518-16.281-26.56-15.697-6.939.367-13.35-3.67-16.444-9.892C244.973 6.247 235.576 0 224.738 0c-10.83 0-20.215 6.236-24.743 15.312-.067.135-.145.263-.215.396-.115 1.917.154 4.157 1.435 6.182 2.084 3.296 6.203 5.074 12.242 5.285 2.575.09 4.226.606 4.908 1.534 1.023 1.393.23 4.279-.61 7.336-1.538 5.596-3.628 13.228 4.443 17.888a2.22 2.22 0 0 1 1.09-1.102 17.5 17.5 0 0 0 4.217-2.741c.826-.725 2.061-.651 2.891.071a17.444 17.444 0 0 0 16.1 3.663 2.179 2.179 0 0 1 2.631 1.325c.117.301.242.598.375.891.572 1.261-.263 2.677-1.622 2.942-5.99 1.167-10.317 6.853-9.432 13.292.791 5.753 5.845 10.14 11.651 10.179 7.565.05 12.938-6.776 11.783-13.744-.229-1.385.908-2.566 2.308-2.46 8.048.607 15.345-4.427 17.848-11.875a2.119 2.119 0 0 1 2.832-1.274c6.515 2.749 13.664 1.139 18.503-3.206-4.688-1.237-8.693-4.416-10.872-8.964z"
/>
<path
fill="#e2915a"
d="M222.337 55.938c-.729-1.096-.244-2.556.951-3.107-14.962-8.149 7.338-26.556-9.778-27.155-16.656-.583-11.604-13.318-11.321-14.002a27.488 27.488 0 0 0-2.194 3.638c-3.108 6.23-9.523 10.281-16.475 9.916-11.042-.581-21.736 5.674-26.542 15.704a16.686 16.686 0 0 1-8.065 7.955c3.609 5.495 9.822 9.127 16.888 9.127 2.41 0 4.721-.423 6.863-1.198 1.581-.572 3.303.035 4.215 1.449 3.12 4.836 8.553 8.038 14.736 8.038 2.385 0 4.652-.485 6.721-1.353 1.144-.479 2.482.056 2.871 1.234a11.85 11.85 0 0 0 12.123 8.103c5.614-.401 10.271-4.856 10.901-10.449a11.787 11.787 0 0 0-1.894-7.9z"
/>
<circle cx="218.093" cy="27.593" r="11.467" fill="#f1b788" />
<g fill="#e2915a">
<circle
cx="147.282"
cy="229.814"
r="23.218"
transform="rotate(-45 147.251 229.858)"
/>
<circle cx="170.5" cy="271.23" r="34" />
<circle
cx="164.032"
cy="322.012"
r="22.061"
transform="rotate(-76.59 163.984 321.922)"
/>
<circle cx="247.333" cy="232.955" r="13.75" />
</g>
<path
fill="#c5ebfc"
d="M228.667 437.8H80.374c25.84 26.565 57.65 47.285 93.27 59.997h55.023c-36.334-31.101 0-59.997 0-59.997z"
/>
<circle
cx="230.626"
cy="18.958"
r="7.317"
fill="#f4dabd"
transform="rotate(-22.59 230.873 18.943)"
/>
</svg>
More icons in the same style and category