cupcake icon
cupcake-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- cupcake-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Use the cupcake icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.135 14.75H15.65l-.785 5.5h1.75c.466 0 .594-.078.632-.11c.034-.029.139-.141.207-.619zm-4.786 5.5l.786-5.5h-4.27l.785 5.5zm-4.214 0l-.786-5.5H5.865l.681 4.77c.066.462.16.58.199.613c.033.03.158.117.64.117zm-4.824-5.772c-1.407-.876-2.061-2.671-2.061-4.144c0-1.89 1.265-3.46 2.978-4.1a.04.04 0 0 0 .016-.013l.005-.011l.001-.002c0-1.74 1.518-3.041 3.25-3.041c.224 0 .433.026.605.052l.151.023c.113.017.204.031.302.04c.247.025.374.001.49-.07A6.6 6.6 0 0 1 13.5 2.25c3.389 0 6.25 2.533 6.25 5.792c0 .091.029.187.147.335c.121.15.28.29.505.49q.046.039.095.084c.496.439 1.253 1.127 1.253 2.3c0 1.382-.705 2.754-2.073 3.317l-.738 5.166c-.084.588-.261 1.162-.724 1.553c-.46.387-1.046.463-1.6.463h-9.23c-.595 0-1.188-.094-1.64-.5c-.448-.4-.605-.97-.684-1.518z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiCupcakeSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.135 14.75H15.65l-.785 5.5h1.75c.466 0 .594-.078.632-.11c.034-.029.139-.141.207-.619zm-4.786 5.5l.786-5.5h-4.27l.785 5.5zm-4.214 0l-.786-5.5H5.865l.681 4.77c.066.462.16.58.199.613c.033.03.158.117.64.117zm-4.824-5.772c-1.407-.876-2.061-2.671-2.061-4.144c0-1.89 1.265-3.46 2.978-4.1a.04.04 0 0 0 .016-.013l.005-.011l.001-.002c0-1.74 1.518-3.041 3.25-3.041c.224 0 .433.026.605.052l.151.023c.113.017.204.031.302.04c.247.025.374.001.49-.07A6.6 6.6 0 0 1 13.5 2.25c3.389 0 6.25 2.533 6.25 5.792c0 .091.029.187.147.335c.121.15.28.29.505.49q.046.039.095.084c.496.439 1.253 1.127 1.253 2.3c0 1.382-.705 2.754-2.073 3.317l-.738 5.166c-.084.588-.261 1.162-.724 1.553c-.46.387-1.046.463-1.6.463h-9.23c-.595 0-1.188-.094-1.64-.5c-.448-.4-.605-.97-.684-1.518z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.135 14.75H15.65l-.785 5.5h1.75c.466 0 .594-.078.632-.11c.034-.029.139-.141.207-.619zm-4.786 5.5l.786-5.5h-4.27l.785 5.5zm-4.214 0l-.786-5.5H5.865l.681 4.77c.066.462.16.58.199.613c.033.03.158.117.64.117zm-4.824-5.772c-1.407-.876-2.061-2.671-2.061-4.144c0-1.89 1.265-3.46 2.978-4.1a.04.04 0 0 0 .016-.013l.005-.011l.001-.002c0-1.74 1.518-3.041 3.25-3.041c.224 0 .433.026.605.052l.151.023c.113.017.204.031.302.04c.247.025.374.001.49-.07A6.6 6.6 0 0 1 13.5 2.25c3.389 0 6.25 2.533 6.25 5.792c0 .091.029.187.147.335c.121.15.28.29.505.49q.046.039.095.084c.496.439 1.253 1.127 1.253 2.3c0 1.382-.705 2.754-2.073 3.317l-.738 5.166c-.084.588-.261 1.162-.724 1.553c-.46.387-1.046.463-1.6.463h-9.23c-.595 0-1.188-.094-1.64-.5c-.448-.4-.605-.97-.684-1.518z"/></svg> </template>
CSS
.icon-cupcake-solid {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.135%2014.75H15.65l-.785%205.5h1.75c.466%200%20.594-.078.632-.11c.034-.029.139-.141.207-.619zm-4.786%205.5l.786-5.5h-4.27l.785%205.5zm-4.214%200l-.786-5.5H5.865l.681%204.77c.066.462.16.58.199.613c.033.03.158.117.64.117zm-4.824-5.772c-1.407-.876-2.061-2.671-2.061-4.144c0-1.89%201.265-3.46%202.978-4.1a.04.04%200%200%200%20.016-.013l.005-.011l.001-.002c0-1.74%201.518-3.041%203.25-3.041c.224%200%20.433.026.605.052l.151.023c.113.017.204.031.302.04c.247.025.374.001.49-.07A6.6%206.6%200%200%201%2013.5%202.25c3.389%200%206.25%202.533%206.25%205.792c0%20.091.029.187.147.335c.121.15.28.29.505.49q.046.039.095.084c.496.439%201.253%201.127%201.253%202.3c0%201.382-.705%202.754-2.073%203.317l-.738%205.166c-.084.588-.261%201.162-.724%201.553c-.46.387-1.046.463-1.6.463h-9.23c-.595%200-1.188-.094-1.64-.5c-.448-.4-.605-.97-.684-1.518z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.135%2014.75H15.65l-.785%205.5h1.75c.466%200%20.594-.078.632-.11c.034-.029.139-.141.207-.619zm-4.786%205.5l.786-5.5h-4.27l.785%205.5zm-4.214%200l-.786-5.5H5.865l.681%204.77c.066.462.16.58.199.613c.033.03.158.117.64.117zm-4.824-5.772c-1.407-.876-2.061-2.671-2.061-4.144c0-1.89%201.265-3.46%202.978-4.1a.04.04%200%200%200%20.016-.013l.005-.011l.001-.002c0-1.74%201.518-3.041%203.25-3.041c.224%200%20.433.026.605.052l.151.023c.113.017.204.031.302.04c.247.025.374.001.49-.07A6.6%206.6%200%200%201%2013.5%202.25c3.389%200%206.25%202.533%206.25%205.792c0%20.091.029.187.147.335c.121.15.28.29.505.49q.046.039.095.084c.496.439%201.253%201.127%201.253%202.3c0%201.382-.705%202.754-2.073%203.317l-.738%205.166c-.084.588-.261%201.162-.724%201.553c-.46.387-1.046.463-1.6.463h-9.23c-.595%200-1.188-.094-1.64-.5c-.448-.4-.605-.97-.684-1.518z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/cupcake-solid.svg?color=%231a73e8&size=48
