cookie icon
cookie-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- cookie-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
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 Symbols LightcookieMaterial Design IconscookieMyna UI IconscookieNoto EmojicookieOpenMoji
Related icons in MingCute Icon
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="M10 9.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m0 6a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m6-2a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="none" stroke="currentColor" stroke-width="2" d="M17 7a.125.125 0 0 0-.16-.12A3 3 0 0 1 13 4c0-.49-.304-.987-.794-.998L12 3a9 9 0 1 0 8.9 7.653c-.062-.414-.481-.653-.9-.653a3 3 0 0 1-3-3Z"/><path fill="none" stroke="currentColor" stroke-width="2" d="M10 9.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Zm0 6a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Zm6-2a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteCookieLine(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="M10 9.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m0 6a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m6-2a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="none" stroke="currentColor" strokeWidth="2" d="M17 7a.125.125 0 0 0-.16-.12A3 3 0 0 1 13 4c0-.49-.304-.987-.794-.998L12 3a9 9 0 1 0 8.9 7.653c-.062-.414-.481-.653-.9-.653a3 3 0 0 1-3-3Z"/><path fill="none" stroke="currentColor" strokeWidth="2" d="M10 9.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Zm0 6a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Zm6-2a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 9.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m0 6a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m6-2a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="none" stroke="currentColor" stroke-width="2" d="M17 7a.125.125 0 0 0-.16-.12A3 3 0 0 1 13 4c0-.49-.304-.987-.794-.998L12 3a9 9 0 1 0 8.9 7.653c-.062-.414-.481-.653-.9-.653a3 3 0 0 1-3-3Z"/><path fill="none" stroke="currentColor" stroke-width="2" d="M10 9.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Zm0 6a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Zm6-2a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Z"/></svg> </template>
CSS
.icon-cookie-line {
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%22M10%209.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m0%206a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m6-2a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M17%207a.125.125%200%200%200-.16-.12A3%203%200%200%201%2013%204c0-.49-.304-.987-.794-.998L12%203a9%209%200%201%200%208.9%207.653c-.062-.414-.481-.653-.9-.653a3%203%200%200%201-3-3Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M10%209.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200Zm0%206a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200Zm6-2a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200Z%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%22M10%209.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m0%206a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m6-2a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M17%207a.125.125%200%200%200-.16-.12A3%203%200%200%201%2013%204c0-.49-.304-.987-.794-.998L12%203a9%209%200%201%200%208.9%207.653c-.062-.414-.481-.653-.9-.653a3%203%200%200%201-3-3Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M10%209.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200Zm0%206a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200Zm6-2a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/cookie-line.svg?color=%231a73e8&size=48
