chocolatebar emoji
chocolatebar from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- chocolatebar
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the chocolatebar emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#825527" d="m177.28 170.892l163.5 163.5c5.624 5.624 14.741 5.624 20.365 0l142.1-142.1c5.624-5.624 5.624-14.741 0-20.365L339.745 8.428c-5.624-5.624-14.741-5.624-20.365 0l-142.1 142.1c-5.623 5.623-5.623 14.741 0 20.364"/><path fill="#00B1FF" d="m9.948 308.508l193.216 193.216l180.275-180.275l-200.022-186.411z"/><path fill="#59CAFC" d="m130.076 300.922l80.673 80.673c7.194 7.194 18.857 7.194 26.05 0l73.058-73.058c7.373-7.373 7.162-19.392-.467-26.501l-83.515-77.832c-7.258-6.764-18.569-6.565-25.584.45l-70.216 70.216c-7.192 7.196-7.192 18.859.001 26.052"/><path fill="#CFD2D3" d="m7.836 330.984l172.852 172.852c5.624 5.624 14.741 5.624 20.365 0l29.432-29.432L37.268 281.188L7.836 310.619c-5.624 5.624-5.624 14.742 0 20.365"/><path fill="#009FD6" d="m299.003 405.886l-29.559 29.558l-85.771-300.661z"/><path fill="#6B3F18" d="m463.932 132.614l-14.143-14.142l-66.564 66.563l-53.171-53.171l66.563-66.563l-14.142-14.143l-66.564 66.563l-52.912-52.912l-14.143 14.143l52.913 52.912l-67.413 67.412l14.143 14.143l67.412-67.412l53.172 53.171l-67.413 67.412l14.142 14.142l67.413-67.412l49.496 49.495l14.142-14.142l-49.495-49.495z"/><path fill="#3DBBE8" d="m202.975 202.444l47.272 165.705l22.943-22.943l-62.031-145.814a18.35 18.35 0 0 0-8.184 3.052"/><path fill="#CFD2D3" d="m181.698 131.926l-.394.394a10.06 10.06 0 0 0-2.05 11.262L299.83 409.834c5.434 12 21.187 14.867 30.501 5.553l86.965-86.965a8.79 8.79 0 0 0 0-12.433L195.242 131.305a10.06 10.06 0 0 0-13.544.621"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiChocolatebar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#825527" d="m177.28 170.892l163.5 163.5c5.624 5.624 14.741 5.624 20.365 0l142.1-142.1c5.624-5.624 5.624-14.741 0-20.365L339.745 8.428c-5.624-5.624-14.741-5.624-20.365 0l-142.1 142.1c-5.623 5.623-5.623 14.741 0 20.364"/><path fill="#00B1FF" d="m9.948 308.508l193.216 193.216l180.275-180.275l-200.022-186.411z"/><path fill="#59CAFC" d="m130.076 300.922l80.673 80.673c7.194 7.194 18.857 7.194 26.05 0l73.058-73.058c7.373-7.373 7.162-19.392-.467-26.501l-83.515-77.832c-7.258-6.764-18.569-6.565-25.584.45l-70.216 70.216c-7.192 7.196-7.192 18.859.001 26.052"/><path fill="#CFD2D3" d="m7.836 330.984l172.852 172.852c5.624 5.624 14.741 5.624 20.365 0l29.432-29.432L37.268 281.188L7.836 310.619c-5.624 5.624-5.624 14.742 0 20.365"/><path fill="#009FD6" d="m299.003 405.886l-29.559 29.558l-85.771-300.661z"/><path fill="#6B3F18" d="m463.932 132.614l-14.143-14.142l-66.564 66.563l-53.171-53.171l66.563-66.563l-14.142-14.143l-66.564 66.563l-52.912-52.912l-14.143 14.143l52.913 52.912l-67.413 67.412l14.143 14.143l67.412-67.412l53.172 53.171l-67.413 67.412l14.142 14.142l67.413-67.412l49.496 49.495l14.142-14.142l-49.495-49.495z"/><path fill="#3DBBE8" d="m202.975 202.444l47.272 165.705l22.943-22.943l-62.031-145.814a18.35 18.35 0 0 0-8.184 3.052"/><path fill="#CFD2D3" d="m181.698 131.926l-.394.394a10.06 10.06 0 0 0-2.05 11.262L299.83 409.834c5.434 12 21.187 14.867 30.501 5.553l86.965-86.965a8.79 8.79 0 0 0 0-12.433L195.242 131.305a10.06 10.06 0 0 0-13.544.621"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#825527" d="m177.28 170.892l163.5 163.5c5.624 5.624 14.741 5.624 20.365 0l142.1-142.1c5.624-5.624 5.624-14.741 0-20.365L339.745 8.428c-5.624-5.624-14.741-5.624-20.365 0l-142.1 142.1c-5.623 5.623-5.623 14.741 0 20.364"/><path fill="#00B1FF" d="m9.948 308.508l193.216 193.216l180.275-180.275l-200.022-186.411z"/><path fill="#59CAFC" d="m130.076 300.922l80.673 80.673c7.194 7.194 18.857 7.194 26.05 0l73.058-73.058c7.373-7.373 7.162-19.392-.467-26.501l-83.515-77.832c-7.258-6.764-18.569-6.565-25.584.45l-70.216 70.216c-7.192 7.196-7.192 18.859.001 26.052"/><path fill="#CFD2D3" d="m7.836 330.984l172.852 172.852c5.624 5.624 14.741 5.624 20.365 0l29.432-29.432L37.268 281.188L7.836 310.619c-5.624 5.624-5.624 14.742 0 20.365"/><path fill="#009FD6" d="m299.003 405.886l-29.559 29.558l-85.771-300.661z"/><path fill="#6B3F18" d="m463.932 132.614l-14.143-14.142l-66.564 66.563l-53.171-53.171l66.563-66.563l-14.142-14.143l-66.564 66.563l-52.912-52.912l-14.143 14.143l52.913 52.912l-67.413 67.412l14.143 14.143l67.412-67.412l53.172 53.171l-67.413 67.412l14.142 14.142l67.413-67.412l49.496 49.495l14.142-14.142l-49.495-49.495z"/><path fill="#3DBBE8" d="m202.975 202.444l47.272 165.705l22.943-22.943l-62.031-145.814a18.35 18.35 0 0 0-8.184 3.052"/><path fill="#CFD2D3" d="m181.698 131.926l-.394.394a10.06 10.06 0 0 0-2.05 11.262L299.83 409.834c5.434 12 21.187 14.867 30.501 5.553l86.965-86.965a8.79 8.79 0 0 0 0-12.433L195.242 131.305a10.06 10.06 0 0 0-13.544.621"/></svg> </template>
CSS
.icon-chocolatebar {
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%20512%20512%22%3E%3Cpath%20fill%3D%22%23825527%22%20d%3D%22m177.28%20170.892l163.5%20163.5c5.624%205.624%2014.741%205.624%2020.365%200l142.1-142.1c5.624-5.624%205.624-14.741%200-20.365L339.745%208.428c-5.624-5.624-14.741-5.624-20.365%200l-142.1%20142.1c-5.623%205.623-5.623%2014.741%200%2020.364%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22m9.948%20308.508l193.216%20193.216l180.275-180.275l-200.022-186.411z%22%2F%3E%3Cpath%20fill%3D%22%2359CAFC%22%20d%3D%22m130.076%20300.922l80.673%2080.673c7.194%207.194%2018.857%207.194%2026.05%200l73.058-73.058c7.373-7.373%207.162-19.392-.467-26.501l-83.515-77.832c-7.258-6.764-18.569-6.565-25.584.45l-70.216%2070.216c-7.192%207.196-7.192%2018.859.001%2026.052%22%2F%3E%3Cpath%20fill%3D%22%23CFD2D3%22%20d%3D%22m7.836%20330.984l172.852%20172.852c5.624%205.624%2014.741%205.624%2020.365%200l29.432-29.432L37.268%20281.188L7.836%20310.619c-5.624%205.624-5.624%2014.742%200%2020.365%22%2F%3E%3Cpath%20fill%3D%22%23009FD6%22%20d%3D%22m299.003%20405.886l-29.559%2029.558l-85.771-300.661z%22%2F%3E%3Cpath%20fill%3D%22%236B3F18%22%20d%3D%22m463.932%20132.614l-14.143-14.142l-66.564%2066.563l-53.171-53.171l66.563-66.563l-14.142-14.143l-66.564%2066.563l-52.912-52.912l-14.143%2014.143l52.913%2052.912l-67.413%2067.412l14.143%2014.143l67.412-67.412l53.172%2053.171l-67.413%2067.412l14.142%2014.142l67.413-67.412l49.496%2049.495l14.142-14.142l-49.495-49.495z%22%2F%3E%3Cpath%20fill%3D%22%233DBBE8%22%20d%3D%22m202.975%20202.444l47.272%20165.705l22.943-22.943l-62.031-145.814a18.35%2018.35%200%200%200-8.184%203.052%22%2F%3E%3Cpath%20fill%3D%22%23CFD2D3%22%20d%3D%22m181.698%20131.926l-.394.394a10.06%2010.06%200%200%200-2.05%2011.262L299.83%20409.834c5.434%2012%2021.187%2014.867%2030.501%205.553l86.965-86.965a8.79%208.79%200%200%200%200-12.433L195.242%20131.305a10.06%2010.06%200%200%200-13.544.621%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23825527%22%20d%3D%22m177.28%20170.892l163.5%20163.5c5.624%205.624%2014.741%205.624%2020.365%200l142.1-142.1c5.624-5.624%205.624-14.741%200-20.365L339.745%208.428c-5.624-5.624-14.741-5.624-20.365%200l-142.1%20142.1c-5.623%205.623-5.623%2014.741%200%2020.364%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22m9.948%20308.508l193.216%20193.216l180.275-180.275l-200.022-186.411z%22%2F%3E%3Cpath%20fill%3D%22%2359CAFC%22%20d%3D%22m130.076%20300.922l80.673%2080.673c7.194%207.194%2018.857%207.194%2026.05%200l73.058-73.058c7.373-7.373%207.162-19.392-.467-26.501l-83.515-77.832c-7.258-6.764-18.569-6.565-25.584.45l-70.216%2070.216c-7.192%207.196-7.192%2018.859.001%2026.052%22%2F%3E%3Cpath%20fill%3D%22%23CFD2D3%22%20d%3D%22m7.836%20330.984l172.852%20172.852c5.624%205.624%2014.741%205.624%2020.365%200l29.432-29.432L37.268%20281.188L7.836%20310.619c-5.624%205.624-5.624%2014.742%200%2020.365%22%2F%3E%3Cpath%20fill%3D%22%23009FD6%22%20d%3D%22m299.003%20405.886l-29.559%2029.558l-85.771-300.661z%22%2F%3E%3Cpath%20fill%3D%22%236B3F18%22%20d%3D%22m463.932%20132.614l-14.143-14.142l-66.564%2066.563l-53.171-53.171l66.563-66.563l-14.142-14.143l-66.564%2066.563l-52.912-52.912l-14.143%2014.143l52.913%2052.912l-67.413%2067.412l14.143%2014.143l67.412-67.412l53.172%2053.171l-67.413%2067.412l14.142%2014.142l67.413-67.412l49.496%2049.495l14.142-14.142l-49.495-49.495z%22%2F%3E%3Cpath%20fill%3D%22%233DBBE8%22%20d%3D%22m202.975%20202.444l47.272%20165.705l22.943-22.943l-62.031-145.814a18.35%2018.35%200%200%200-8.184%203.052%22%2F%3E%3Cpath%20fill%3D%22%23CFD2D3%22%20d%3D%22m181.698%20131.926l-.394.394a10.06%2010.06%200%200%200-2.05%2011.262L299.83%20409.834c5.434%2012%2021.187%2014.867%2030.501%205.553l86.965-86.965a8.79%208.79%200%200%200%200-12.433L195.242%20131.305a10.06%2010.06%200%200%200-13.544.621%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/chocolatebar.svg?color=%231a73e8&size=48
