cookie icon
cookie from Radix Icons by WorkOS · Outline · MIT Free for personal and commercial use.
- Name
- cookie
- Set
- Radix Icons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
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 Iconscookie-fillMingCute IconcookieMyna UI IconscookieNoto Emoji
Use the cookie icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M4.584 1.709a7.53 7.53 0 0 1 3.809-.63c.815.083 1.233.644 1.518 1.082c.219.335.421.77.789.967c.381.206.384.61.363.781c-.05.401-.223.657-.15 1.12c.051.32.708.874 1.808 1.35c.396.173.782.161 1.001.574c.604 1.139.382 2.319-.223 3.386c-.598 1.056-1.601 2.065-2.7 2.958c-.654.531-1.434.681-2.135.777c-.855.117-2.256.038-3.525-.266c-1.1-.264-2.527-.743-3.007-1.88c-.826-1.96-1.147-3.33-1.13-4.485c.016-1.162.374-2.056.786-3.025c.54-1.265 1.598-2.163 2.796-2.709m3.706.364A6.53 6.53 0 0 0 5 2.62c-1.035.471-1.875 1.212-2.292 2.192c-.41.963-.694 1.698-.708 2.647c-.013.956.25 2.179 1.053 4.081c.339.803 1.568 1.116 2.318 1.296c1.178.282 2.451.345 3.158.248c.684-.094 1.217-.22 1.64-.562c1.06-.863 1.952-1.777 2.46-2.674c.306-.54.885-2.144 0-2.46c-1.875-.668-2.367-1.32-2.638-1.974c-.181-.435-.162-.89-.034-1.334a.7.7 0 0 1 .076-.19a2.4 2.4 0 0 1-.518-.518c-.332-.437-.604-1.234-1.225-1.298m-1.175 8.804c.03-.017.22-.127.452-.034c.498.2.64 1.212-.04 1.256c-.395.025-.936-.095-.852-.615c.04-.24.233-.489.438-.606zm-3.15-.747c.36-.417.966-.333 1.118.185a.5.5 0 0 1-.203.579c-.244.292-.66.2-.882-.077l-.003-.004l-.002-.002a.5.5 0 0 1-.028-.681m6.424-1.29c.369-.183 1.072-.012 1.072.472c0 .4-.502.904-.897.97c-.382.064-.858-.306-.797-.705c.048-.312.355-.603.622-.736M7.337 7.795c.302-.116.687-.019.835.28c.16.323.102.954-.253 1.09c-.408.155-.779-.045-.931-.44l-.002-.005c-.13-.332 0-.79.351-.925m-4.29-.92c1.091-.63 1.561 1.035.938 1.185c-.384.092-.653.039-.938-.246c-.18-.18-.337-.745 0-.94m4.574-.932a.54.54 0 0 1 .373.205c.494.644-.682 1.242-1.017.573c-.214-.428.235-.824.644-.778m-3.506-.89c.481-.482 1.294.366.83.83a.5.5 0 0 1-.707 0c-.228-.228-.404-.55-.123-.83m10.368-.773c.563.104.381.82-.197.812c-.748-.012-.54-.947.197-.812M5.98 3.736c-.111-.639.357-1.168.969-.825c.485.272.318 1.064-.041 1.376c-.439.38-.856-.135-.928-.55m6.102-.634c.373-.466 1.359.125 1.126.672c-.305.719-1.626-.047-1.126-.672m2.285-.841c-.775-.02-.56-1.53.205-1.312c.583.167.395 1.326-.204 1.312m-3.318-1.26c.411-.548 1.432.218 1.02.766c-.41.547-1.43-.218-1.02-.766"/></svg>
React
import type { SVGProps } from "react";
export function RadixIconsCookie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M4.584 1.709a7.53 7.53 0 0 1 3.809-.63c.815.083 1.233.644 1.518 1.082c.219.335.421.77.789.967c.381.206.384.61.363.781c-.05.401-.223.657-.15 1.12c.051.32.708.874 1.808 1.35c.396.173.782.161 1.001.574c.604 1.139.382 2.319-.223 3.386c-.598 1.056-1.601 2.065-2.7 2.958c-.654.531-1.434.681-2.135.777c-.855.117-2.256.038-3.525-.266c-1.1-.264-2.527-.743-3.007-1.88c-.826-1.96-1.147-3.33-1.13-4.485c.016-1.162.374-2.056.786-3.025c.54-1.265 1.598-2.163 2.796-2.709m3.706.364A6.53 6.53 0 0 0 5 2.62c-1.035.471-1.875 1.212-2.292 2.192c-.41.963-.694 1.698-.708 2.647c-.013.956.25 2.179 1.053 4.081c.339.803 1.568 1.116 2.318 1.296c1.178.282 2.451.345 3.158.248c.684-.094 1.217-.22 1.64-.562c1.06-.863 1.952-1.777 2.46-2.674c.306-.54.885-2.144 0-2.46c-1.875-.668-2.367-1.32-2.638-1.974c-.181-.435-.162-.89-.034-1.334a.7.7 0 0 1 .076-.19a2.4 2.4 0 0 1-.518-.518c-.332-.437-.604-1.234-1.225-1.298m-1.175 8.804c.03-.017.22-.127.452-.034c.498.2.64 1.212-.04 1.256c-.395.025-.936-.095-.852-.615c.04-.24.233-.489.438-.606zm-3.15-.747c.36-.417.966-.333 1.118.185a.5.5 0 0 1-.203.579c-.244.292-.66.2-.882-.077l-.003-.004l-.002-.002a.5.5 0 0 1-.028-.681m6.424-1.29c.369-.183 1.072-.012 1.072.472c0 .4-.502.904-.897.97c-.382.064-.858-.306-.797-.705c.048-.312.355-.603.622-.736M7.337 7.795c.302-.116.687-.019.835.28c.16.323.102.954-.253 1.09c-.408.155-.779-.045-.931-.44l-.002-.005c-.13-.332 0-.79.351-.925m-4.29-.92c1.091-.63 1.561 1.035.938 1.185c-.384.092-.653.039-.938-.246c-.18-.18-.337-.745 0-.94m4.574-.932a.54.54 0 0 1 .373.205c.494.644-.682 1.242-1.017.573c-.214-.428.235-.824.644-.778m-3.506-.89c.481-.482 1.294.366.83.83a.5.5 0 0 1-.707 0c-.228-.228-.404-.55-.123-.83m10.368-.773c.563.104.381.82-.197.812c-.748-.012-.54-.947.197-.812M5.98 3.736c-.111-.639.357-1.168.969-.825c.485.272.318 1.064-.041 1.376c-.439.38-.856-.135-.928-.55m6.102-.634c.373-.466 1.359.125 1.126.672c-.305.719-1.626-.047-1.126-.672m2.285-.841c-.775-.02-.56-1.53.205-1.312c.583.167.395 1.326-.204 1.312m-3.318-1.26c.411-.548 1.432.218 1.02.766c-.41.547-1.43-.218-1.02-.766"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M4.584 1.709a7.53 7.53 0 0 1 3.809-.63c.815.083 1.233.644 1.518 1.082c.219.335.421.77.789.967c.381.206.384.61.363.781c-.05.401-.223.657-.15 1.12c.051.32.708.874 1.808 1.35c.396.173.782.161 1.001.574c.604 1.139.382 2.319-.223 3.386c-.598 1.056-1.601 2.065-2.7 2.958c-.654.531-1.434.681-2.135.777c-.855.117-2.256.038-3.525-.266c-1.1-.264-2.527-.743-3.007-1.88c-.826-1.96-1.147-3.33-1.13-4.485c.016-1.162.374-2.056.786-3.025c.54-1.265 1.598-2.163 2.796-2.709m3.706.364A6.53 6.53 0 0 0 5 2.62c-1.035.471-1.875 1.212-2.292 2.192c-.41.963-.694 1.698-.708 2.647c-.013.956.25 2.179 1.053 4.081c.339.803 1.568 1.116 2.318 1.296c1.178.282 2.451.345 3.158.248c.684-.094 1.217-.22 1.64-.562c1.06-.863 1.952-1.777 2.46-2.674c.306-.54.885-2.144 0-2.46c-1.875-.668-2.367-1.32-2.638-1.974c-.181-.435-.162-.89-.034-1.334a.7.7 0 0 1 .076-.19a2.4 2.4 0 0 1-.518-.518c-.332-.437-.604-1.234-1.225-1.298m-1.175 8.804c.03-.017.22-.127.452-.034c.498.2.64 1.212-.04 1.256c-.395.025-.936-.095-.852-.615c.04-.24.233-.489.438-.606zm-3.15-.747c.36-.417.966-.333 1.118.185a.5.5 0 0 1-.203.579c-.244.292-.66.2-.882-.077l-.003-.004l-.002-.002a.5.5 0 0 1-.028-.681m6.424-1.29c.369-.183 1.072-.012 1.072.472c0 .4-.502.904-.897.97c-.382.064-.858-.306-.797-.705c.048-.312.355-.603.622-.736M7.337 7.795c.302-.116.687-.019.835.28c.16.323.102.954-.253 1.09c-.408.155-.779-.045-.931-.44l-.002-.005c-.13-.332 0-.79.351-.925m-4.29-.92c1.091-.63 1.561 1.035.938 1.185c-.384.092-.653.039-.938-.246c-.18-.18-.337-.745 0-.94m4.574-.932a.54.54 0 0 1 .373.205c.494.644-.682 1.242-1.017.573c-.214-.428.235-.824.644-.778m-3.506-.89c.481-.482 1.294.366.83.83a.5.5 0 0 1-.707 0c-.228-.228-.404-.55-.123-.83m10.368-.773c.563.104.381.82-.197.812c-.748-.012-.54-.947.197-.812M5.98 3.736c-.111-.639.357-1.168.969-.825c.485.272.318 1.064-.041 1.376c-.439.38-.856-.135-.928-.55m6.102-.634c.373-.466 1.359.125 1.126.672c-.305.719-1.626-.047-1.126-.672m2.285-.841c-.775-.02-.56-1.53.205-1.312c.583.167.395 1.326-.204 1.312m-3.318-1.26c.411-.548 1.432.218 1.02.766c-.41.547-1.43-.218-1.02-.766"/></svg> </template>
CSS
.icon-cookie {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.584%201.709a7.53%207.53%200%200%201%203.809-.63c.815.083%201.233.644%201.518%201.082c.219.335.421.77.789.967c.381.206.384.61.363.781c-.05.401-.223.657-.15%201.12c.051.32.708.874%201.808%201.35c.396.173.782.161%201.001.574c.604%201.139.382%202.319-.223%203.386c-.598%201.056-1.601%202.065-2.7%202.958c-.654.531-1.434.681-2.135.777c-.855.117-2.256.038-3.525-.266c-1.1-.264-2.527-.743-3.007-1.88c-.826-1.96-1.147-3.33-1.13-4.485c.016-1.162.374-2.056.786-3.025c.54-1.265%201.598-2.163%202.796-2.709m3.706.364A6.53%206.53%200%200%200%205%202.62c-1.035.471-1.875%201.212-2.292%202.192c-.41.963-.694%201.698-.708%202.647c-.013.956.25%202.179%201.053%204.081c.339.803%201.568%201.116%202.318%201.296c1.178.282%202.451.345%203.158.248c.684-.094%201.217-.22%201.64-.562c1.06-.863%201.952-1.777%202.46-2.674c.306-.54.885-2.144%200-2.46c-1.875-.668-2.367-1.32-2.638-1.974c-.181-.435-.162-.89-.034-1.334a.7.7%200%200%201%20.076-.19a2.4%202.4%200%200%201-.518-.518c-.332-.437-.604-1.234-1.225-1.298m-1.175%208.804c.03-.017.22-.127.452-.034c.498.2.64%201.212-.04%201.256c-.395.025-.936-.095-.852-.615c.04-.24.233-.489.438-.606zm-3.15-.747c.36-.417.966-.333%201.118.185a.5.5%200%200%201-.203.579c-.244.292-.66.2-.882-.077l-.003-.004l-.002-.002a.5.5%200%200%201-.028-.681m6.424-1.29c.369-.183%201.072-.012%201.072.472c0%20.4-.502.904-.897.97c-.382.064-.858-.306-.797-.705c.048-.312.355-.603.622-.736M7.337%207.795c.302-.116.687-.019.835.28c.16.323.102.954-.253%201.09c-.408.155-.779-.045-.931-.44l-.002-.005c-.13-.332%200-.79.351-.925m-4.29-.92c1.091-.63%201.561%201.035.938%201.185c-.384.092-.653.039-.938-.246c-.18-.18-.337-.745%200-.94m4.574-.932a.54.54%200%200%201%20.373.205c.494.644-.682%201.242-1.017.573c-.214-.428.235-.824.644-.778m-3.506-.89c.481-.482%201.294.366.83.83a.5.5%200%200%201-.707%200c-.228-.228-.404-.55-.123-.83m10.368-.773c.563.104.381.82-.197.812c-.748-.012-.54-.947.197-.812M5.98%203.736c-.111-.639.357-1.168.969-.825c.485.272.318%201.064-.041%201.376c-.439.38-.856-.135-.928-.55m6.102-.634c.373-.466%201.359.125%201.126.672c-.305.719-1.626-.047-1.126-.672m2.285-.841c-.775-.02-.56-1.53.205-1.312c.583.167.395%201.326-.204%201.312m-3.318-1.26c.411-.548%201.432.218%201.02.766c-.41.547-1.43-.218-1.02-.766%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.584%201.709a7.53%207.53%200%200%201%203.809-.63c.815.083%201.233.644%201.518%201.082c.219.335.421.77.789.967c.381.206.384.61.363.781c-.05.401-.223.657-.15%201.12c.051.32.708.874%201.808%201.35c.396.173.782.161%201.001.574c.604%201.139.382%202.319-.223%203.386c-.598%201.056-1.601%202.065-2.7%202.958c-.654.531-1.434.681-2.135.777c-.855.117-2.256.038-3.525-.266c-1.1-.264-2.527-.743-3.007-1.88c-.826-1.96-1.147-3.33-1.13-4.485c.016-1.162.374-2.056.786-3.025c.54-1.265%201.598-2.163%202.796-2.709m3.706.364A6.53%206.53%200%200%200%205%202.62c-1.035.471-1.875%201.212-2.292%202.192c-.41.963-.694%201.698-.708%202.647c-.013.956.25%202.179%201.053%204.081c.339.803%201.568%201.116%202.318%201.296c1.178.282%202.451.345%203.158.248c.684-.094%201.217-.22%201.64-.562c1.06-.863%201.952-1.777%202.46-2.674c.306-.54.885-2.144%200-2.46c-1.875-.668-2.367-1.32-2.638-1.974c-.181-.435-.162-.89-.034-1.334a.7.7%200%200%201%20.076-.19a2.4%202.4%200%200%201-.518-.518c-.332-.437-.604-1.234-1.225-1.298m-1.175%208.804c.03-.017.22-.127.452-.034c.498.2.64%201.212-.04%201.256c-.395.025-.936-.095-.852-.615c.04-.24.233-.489.438-.606zm-3.15-.747c.36-.417.966-.333%201.118.185a.5.5%200%200%201-.203.579c-.244.292-.66.2-.882-.077l-.003-.004l-.002-.002a.5.5%200%200%201-.028-.681m6.424-1.29c.369-.183%201.072-.012%201.072.472c0%20.4-.502.904-.897.97c-.382.064-.858-.306-.797-.705c.048-.312.355-.603.622-.736M7.337%207.795c.302-.116.687-.019.835.28c.16.323.102.954-.253%201.09c-.408.155-.779-.045-.931-.44l-.002-.005c-.13-.332%200-.79.351-.925m-4.29-.92c1.091-.63%201.561%201.035.938%201.185c-.384.092-.653.039-.938-.246c-.18-.18-.337-.745%200-.94m4.574-.932a.54.54%200%200%201%20.373.205c.494.644-.682%201.242-1.017.573c-.214-.428.235-.824.644-.778m-3.506-.89c.481-.482%201.294.366.83.83a.5.5%200%200%201-.707%200c-.228-.228-.404-.55-.123-.83m10.368-.773c.563.104.381.82-.197.812c-.748-.012-.54-.947.197-.812M5.98%203.736c-.111-.639.357-1.168.969-.825c.485.272.318%201.064-.041%201.376c-.439.38-.856-.135-.928-.55m6.102-.634c.373-.466%201.359.125%201.126.672c-.305.719-1.626-.047-1.126-.672m2.285-.841c-.775-.02-.56-1.53.205-1.312c.583.167.395%201.326-.204%201.312m-3.318-1.26c.411-.548%201.432.218%201.02.766c-.41.547-1.43-.218-1.02-.766%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/radix-icons/cookie.svg?color=%231a73e8&size=48
