cookie icon
cookie-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- cookie-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
cookieBootstrap IconscookieBoxIcons v2cookieBoxIcons v2 SolidcookieCarboncookieEmoji One (Colored)cookieFont Awesome 6 SolidcookieFont Awesome Solidcookie-outlineFlowbite IconscookieFluent EmojicookieFluent Emoji FlatcookieFluent Emoji High ContrastcookieFirefox OS EmojicookieHuge IconscookieIconoircookieLine AwesomecookieMaterial Line IconscookieLucidecookieMajesticonscookieMaterial SymbolscookieMaterial Design Iconscookie-fillMingCute IconcookieMyna UI IconscookieNoto EmojicookieOpenMoji
More social icons from Material Symbols Light
Use the cookie icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21.5q-1.979 0-3.708-.749t-3.011-2.032t-2.032-3.011Q2.5 13.978 2.5 12q0-2.044.838-3.86q.837-1.817 2.267-3.142T8.93 2.99t4.019-.46q.24.032.383.208t.167.433q.108 1.85 1.284 2.988T17.9 7.462q.275.025.435.194t.165.456q.03 1.146.734 2.004q.702.857 1.733 1.207q.235.087.384.267t.149.414q-.065 1.94-.84 3.675t-2.058 3.026t-2.979 2.043T12 21.5M10.5 9.808q.548 0 .928-.39t.38-.918q0-.548-.38-.928t-.928-.38q-.529 0-.918.38q-.39.38-.39.928q0 .529.39.918t.918.39m-2 5q.548 0 .928-.39t.38-.918q0-.548-.38-.928t-.928-.38q-.529 0-.918.38q-.39.38-.39.928q0 .529.39.918t.918.39m6.5 1q.348 0 .578-.24t.23-.568q0-.348-.23-.578t-.578-.23q-.329 0-.568.23q-.24.23-.24.578q0 .329.24.568t.568.24"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCookieRounded(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="M12 21.5q-1.979 0-3.708-.749t-3.011-2.032t-2.032-3.011Q2.5 13.978 2.5 12q0-2.044.838-3.86q.837-1.817 2.267-3.142T8.93 2.99t4.019-.46q.24.032.383.208t.167.433q.108 1.85 1.284 2.988T17.9 7.462q.275.025.435.194t.165.456q.03 1.146.734 2.004q.702.857 1.733 1.207q.235.087.384.267t.149.414q-.065 1.94-.84 3.675t-2.058 3.026t-2.979 2.043T12 21.5M10.5 9.808q.548 0 .928-.39t.38-.918q0-.548-.38-.928t-.928-.38q-.529 0-.918.38q-.39.38-.39.928q0 .529.39.918t.918.39m-2 5q.548 0 .928-.39t.38-.918q0-.548-.38-.928t-.928-.38q-.529 0-.918.38q-.39.38-.39.928q0 .529.39.918t.918.39m6.5 1q.348 0 .578-.24t.23-.568q0-.348-.23-.578t-.578-.23q-.329 0-.568.23q-.24.23-.24.578q0 .329.24.568t.568.24"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21.5q-1.979 0-3.708-.749t-3.011-2.032t-2.032-3.011Q2.5 13.978 2.5 12q0-2.044.838-3.86q.837-1.817 2.267-3.142T8.93 2.99t4.019-.46q.24.032.383.208t.167.433q.108 1.85 1.284 2.988T17.9 7.462q.275.025.435.194t.165.456q.03 1.146.734 2.004q.702.857 1.733 1.207q.235.087.384.267t.149.414q-.065 1.94-.84 3.675t-2.058 3.026t-2.979 2.043T12 21.5M10.5 9.808q.548 0 .928-.39t.38-.918q0-.548-.38-.928t-.928-.38q-.529 0-.918.38q-.39.38-.39.928q0 .529.39.918t.918.39m-2 5q.548 0 .928-.39t.38-.918q0-.548-.38-.928t-.928-.38q-.529 0-.918.38q-.39.38-.39.928q0 .529.39.918t.918.39m6.5 1q.348 0 .578-.24t.23-.568q0-.348-.23-.578t-.578-.23q-.329 0-.568.23q-.24.23-.24.578q0 .329.24.568t.568.24"/></svg> </template>
CSS
.icon-cookie-rounded {
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%22M12%2021.5q-1.979%200-3.708-.749t-3.011-2.032t-2.032-3.011Q2.5%2013.978%202.5%2012q0-2.044.838-3.86q.837-1.817%202.267-3.142T8.93%202.99t4.019-.46q.24.032.383.208t.167.433q.108%201.85%201.284%202.988T17.9%207.462q.275.025.435.194t.165.456q.03%201.146.734%202.004q.702.857%201.733%201.207q.235.087.384.267t.149.414q-.065%201.94-.84%203.675t-2.058%203.026t-2.979%202.043T12%2021.5M10.5%209.808q.548%200%20.928-.39t.38-.918q0-.548-.38-.928t-.928-.38q-.529%200-.918.38q-.39.38-.39.928q0%20.529.39.918t.918.39m-2%205q.548%200%20.928-.39t.38-.918q0-.548-.38-.928t-.928-.38q-.529%200-.918.38q-.39.38-.39.928q0%20.529.39.918t.918.39m6.5%201q.348%200%20.578-.24t.23-.568q0-.348-.23-.578t-.578-.23q-.329%200-.568.23q-.24.23-.24.578q0%20.329.24.568t.568.24%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%22M12%2021.5q-1.979%200-3.708-.749t-3.011-2.032t-2.032-3.011Q2.5%2013.978%202.5%2012q0-2.044.838-3.86q.837-1.817%202.267-3.142T8.93%202.99t4.019-.46q.24.032.383.208t.167.433q.108%201.85%201.284%202.988T17.9%207.462q.275.025.435.194t.165.456q.03%201.146.734%202.004q.702.857%201.733%201.207q.235.087.384.267t.149.414q-.065%201.94-.84%203.675t-2.058%203.026t-2.979%202.043T12%2021.5M10.5%209.808q.548%200%20.928-.39t.38-.918q0-.548-.38-.928t-.928-.38q-.529%200-.918.38q-.39.38-.39.928q0%20.529.39.918t.918.39m-2%205q.548%200%20.928-.39t.38-.918q0-.548-.38-.928t-.928-.38q-.529%200-.918.38q-.39.38-.39.928q0%20.529.39.918t.918.39m6.5%201q.348%200%20.578-.24t.23-.568q0-.348-.23-.578t-.578-.23q-.329%200-.568.23q-.24.23-.24.578q0%20.329.24.568t.568.24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/cookie-rounded.svg?color=%231a73e8&size=48
