Add icons to this collection by clicking the heart icon.
Cupcake icon - also known as cupcake, dessert, bakery, sweet, muffin, and food and restaurant. Created in a clean lineal color style with a white, black, purple, 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>
<clipPath id="b" 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 0a48.027 48.027 0 0 0-31.186 31.186c-3.082 9.674-6.767 18.572-10.96 26.71-145.643 133.731-299.519-124.7-177.343-302.146a106.009 106.009 0 0 1 26.563-7.402C102.437-293.767 170.223-54.225 0 0"
transform="translate(412.7 -160.484)"
fill="#fe8ba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-69.595 135.098-280.409 58.9-240.692-219.638 5.194-36.476 28.894-67.862 63.348-82.508a106.009 106.009 0 0 0-7.402 26.563C-216.475-53.071-88.319 40.308 0 0"
transform="translate(370.555 -102.588)"
fill="#fe6488"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-372.792.003-10.272-26.39 36.52-125.791c10.12-34.85 42.049-58.827 78.335-58.827h163.639c36.286 0 68.215 23.977 78.335 58.827l36.52 125.789z"
transform="translate(442.39 218.505)"
fill="#fecd5e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-431.979l12.049-41.09 7.266-25.025c19.29-2.358 39.253 1.89 56.325 12.875.331.212.849.18 1.099.02 28.182-18.103 64.192-17.992 92.151.02.264.169.747.172 1.019-.003 28.084-18.092 64.166-18.036 92.157-.004.272.175.752.182 1.027.004 27.738-17.87 63.746-18.259 92.172-.001.251.162.738.18 1.075-.037a84.903 84.903 0 0 1 56.325-12.876l7.265 25.027z"
transform="translate(471.99 258.233)"
fill="#feb859"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.056-211.016h76.649l28.751 184.862L109.493 0Z"
transform="translate(256.056 218.516)"
fill="#fbed6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-117.473v-66.748c16.394.001 32.328 4.685 46.077 13.541.272.175.751.182 1.027.004 17.553-11.309 38.274-15.565 58.296-12.669l3.78 24.301z"
transform="translate(373.473 258.233)"
fill="#fecd5e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-56.212-.008-10.272-26.389 36.52-125.791c10.12-34.851 42.049-58.828 78.335-58.828h5.171L24.791-26.156z"
transform="translate(125.81 218.516)"
fill="#fbed6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-100.19l12.048-41.09 7.266-25.025c19.29-2.358 39.253 1.89 56.325 12.875.331.212.849.18 1.099.02a85.104 85.104 0 0 1 33.851-12.654l-3.78 24.303z"
transform="translate(140.201 258.233)"
fill="#fecd5e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-131.333-25.249C-233.587-46.273-274.538-175.46-205.75-235.128a23.825 23.825 0 0 0 8.382-3.349c20.806-13.365 47.062-12.947 67.16 0 7.882 5.081 18.144 5.081 26.035 0 20.45-13.173 46.765-13.132 67.151 0 7.891 5.081 18.153 5.081 26.035 0 20.198-13.011 46.456-13.298 67.16 0 7.901 5.09 18.163 5.06 26.074-.03 15.737-10.124 34.692-12.227 51.096-7.269 25.925 7.751 44.559 32.25 44.559 60.534C177.902-85.345 98.918-3.938 0 0"
transform="translate(326.598 462.92)"
fill="#f57c3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.867.233 3.493.163-133.691.163-102.403 0-185.407-83.004-185.407-185.405 0-28.284 18.635-52.783 44.56-60.534 16.478-4.981 35.442-2.801 51.096 7.269 5.313 3.419 11.685 4.544 17.692 3.379-7.229 11.267-11.465 24.986-11.465 39.647 0 47.875 15.325 91.846 40.927 126.435 14.765 19.947 44.205 19.969 59.684.569a70.691 70.691 0 0 1 6.036-6.642c21.483-20.852 46.649-19.177 47.509-19.349 37.642 0 68.266 30.628 68.266 68.276C5.207-17.083 3.424-8.222 0 0"
transform="translate(326.598 462.92)"
fill="#e36d2c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.991-20.291-45.252-45.302-45.182-24.168.06-44.278 19.569-45.042 43.726-.379 12.28 4.124 23.543 11.899 32.018 7.38 8.033 18.735 10.553 29.237 7.631a15.179 15.179 0 0 1 8.043 0c10.592 2.943 22.008.331 29.408-7.801A45.066 45.066 0 0 0 0 0"
transform="translate(308.712 436.728)"
fill="#fe8ba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.053-.04 23.635-1.446 23.595-16.065-.05-14.609-10.673-26.426-23.736-26.386-13.052.04-23.604 11.918-23.564 26.537C-23.655-1.306-13.063.04 0 0"
transform="translate(256.11 336.133)"
fill="#423c4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c16.205-.05 29.298-10.542 29.258-23.444-.04-12.902-13.203-23.314-29.399-23.264-16.205.051-29.297 10.543-29.257 23.444C-29.357-10.361-16.195.051 0 0"
transform="translate(176.58 325.8)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 19.277-66.387v-.01"
transform="translate(52.06 217.144)"
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 14.709-50.684c10.12-34.85 42.049-58.827 78.335-58.827h5.171"
transform="translate(81.137 117.01)"
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-43.786-150.816c-10.12-34.851-42.049-58.828-78.335-58.828h-5.171"
transform="translate(459.94 217.144)"
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-32.531-209.162h-153.297L-218.359 0"
transform="translate(365.18 216.662)"
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 0c48.79-33.402 80.825-89.503 80.825-153.127 0-33.853-26.596-62.004-60.132-63.063-13.102-.412-25.332 3.243-35.523 9.799-7.911 5.09-18.173 5.12-26.074.031-20.704-13.299-46.962-13.012-67.16 0-7.882 5.08-18.144 5.08-26.036 0-20.385-13.133-46.7-13.174-67.15 0-7.892 5.08-18.153 5.08-26.035 0-20.098-12.948-46.354-13.366-67.16 0-7.902 5.089-18.163 5.059-26.075-.031-15.653-10.07-34.617-12.25-51.095-7.269-25.925 7.751-44.56 32.25-44.56 60.533 0 102.402 83.004 185.406 185.406 185.406h33.937"
transform="translate(423.675 430.804)"
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 0h18.876c26.256 0 51.236-5.451 73.867-15.301"
transform="translate(300.218 463.083)"
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-207.083"
transform="translate(256 214.583)"
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 0c-7.4 8.133-18.816 10.744-29.408 7.802a15.179 15.179 0 0 0-8.043 0c-10.502 2.922-21.858.401-29.237-7.631-7.778-8.479-12.278-19.742-11.899-32.019.764-24.157 20.874-43.666 45.042-43.725 25.011-.071 45.302 20.19 45.302 45.181A45.072 45.072 0 0 1 0 0Z"
transform="translate(296.955 467.12)"
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 16.637-13.484 30.121-30.121 30.121h-7.53"
transform="translate(263.53 474.379)"
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 0c.04 14.619-10.542 16.025-23.595 16.065C-36.657 16.105-47.25 14.76-47.3.151c-.04-14.619 10.512-26.497 23.565-26.537C-10.673-26.426-.05-14.608 0 0Z"
transform="translate(279.705 320.067)"
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 0c.02 7.711-6.205 13.977-13.916 13.996-7.711.03-13.986-6.204-14.007-13.916"
transform="translate(207.645 327.769)"
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 0c16.205-.05 29.298-10.552 29.258-23.454-.041-12.902-13.203-23.314-29.399-23.264-16.205.05-29.297 10.553-29.257 23.445C-29.358-10.371-16.195.051 0 0"
transform="translate(335.56 325.309)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.02 7.711 6.295 13.945 14.006 13.916 7.711-.02 13.936-6.286 13.916-13.997"
transform="translate(304.516 327.458)"
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