chocolate bar emoji

chocolate-bar from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.

Name
chocolate-bar
Set
Twitter Emoji
Style
Default
Category
Food & Drink
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

chocolate-barEmoji One (Colored)chocolate-barFluent Emojichocolate-barFluent Emoji Flatchocolate-barFluent Emoji High Contrastchocolate-barNoto Emojichocolate-barOpenMoji

More food & drink icons from Twitter Emoji

amphoraavocadobaby-bottlebaconbagelbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxbirthday-cakeblueberriesbottle-with-popping-corkbowl-with-spoonbreadbroccolibrown-mushroombubble-teaburritobuttercandycanned-food

Use the chocolate bar emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M26.339 33.496a4 4 0 0 1-5.657 0L1.59 14.404c-1.562-1.562-1.562-2.681 0-4.243l8.485-8.485c1.562-1.562 2.681-1.562 4.243 0L33.41 20.768a4 4 0 0 1 0 5.657z"/><path fill="#8a4b38" d="m16.582 15.253l-4.885-4.885l5.657-5.657l-1.415-1.414l-5.656 5.657L6.54 5.211L5.126 6.626l3.743 3.742l-5.657 5.657l1.414 1.414l5.657-5.657l4.885 4.885z"/><path fill="#dd2e44" d="M26.339 34.91a4 4 0 0 1-5.657 0l-9.899-9.899l14.142-14.142l9.899 9.899a4 4 0 0 1 0 5.657z"/><path fill="#be1931" d="m12.825 27.053l4.673 4.674l7.955-20.33l-.528-.529l-1.504-.932z"/><path fill="#ccd6dd" d="m22.804 8.747l2.121 2.121c-.707 2.122-8.485 15.557-9.9 18.385c0 0-.707 2.121-2.475.354l-5.304-5.304c-.679-.679-.685-2.142 0-2.828L19.975 8.747c1.414-1.414 2.829 0 2.829 0"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiChocolateBar(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M26.339 33.496a4 4 0 0 1-5.657 0L1.59 14.404c-1.562-1.562-1.562-2.681 0-4.243l8.485-8.485c1.562-1.562 2.681-1.562 4.243 0L33.41 20.768a4 4 0 0 1 0 5.657z"/><path fill="#8a4b38" d="m16.582 15.253l-4.885-4.885l5.657-5.657l-1.415-1.414l-5.656 5.657L6.54 5.211L5.126 6.626l3.743 3.742l-5.657 5.657l1.414 1.414l5.657-5.657l4.885 4.885z"/><path fill="#dd2e44" d="M26.339 34.91a4 4 0 0 1-5.657 0l-9.899-9.899l14.142-14.142l9.899 9.899a4 4 0 0 1 0 5.657z"/><path fill="#be1931" d="m12.825 27.053l4.673 4.674l7.955-20.33l-.528-.529l-1.504-.932z"/><path fill="#ccd6dd" d="m22.804 8.747l2.121 2.121c-.707 2.122-8.485 15.557-9.9 18.385c0 0-.707 2.121-2.475.354l-5.304-5.304c-.679-.679-.685-2.142 0-2.828L19.975 8.747c1.414-1.414 2.829 0 2.829 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M26.339 33.496a4 4 0 0 1-5.657 0L1.59 14.404c-1.562-1.562-1.562-2.681 0-4.243l8.485-8.485c1.562-1.562 2.681-1.562 4.243 0L33.41 20.768a4 4 0 0 1 0 5.657z"/><path fill="#8a4b38" d="m16.582 15.253l-4.885-4.885l5.657-5.657l-1.415-1.414l-5.656 5.657L6.54 5.211L5.126 6.626l3.743 3.742l-5.657 5.657l1.414 1.414l5.657-5.657l4.885 4.885z"/><path fill="#dd2e44" d="M26.339 34.91a4 4 0 0 1-5.657 0l-9.899-9.899l14.142-14.142l9.899 9.899a4 4 0 0 1 0 5.657z"/><path fill="#be1931" d="m12.825 27.053l4.673 4.674l7.955-20.33l-.528-.529l-1.504-.932z"/><path fill="#ccd6dd" d="m22.804 8.747l2.121 2.121c-.707 2.122-8.485 15.557-9.9 18.385c0 0-.707 2.121-2.475.354l-5.304-5.304c-.679-.679-.685-2.142 0-2.828L19.975 8.747c1.414-1.414 2.829 0 2.829 0"/></svg>
</template>

CSS

.icon-chocolate-bar {
  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%2036%2036%22%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M26.339%2033.496a4%204%200%200%201-5.657%200L1.59%2014.404c-1.562-1.562-1.562-2.681%200-4.243l8.485-8.485c1.562-1.562%202.681-1.562%204.243%200L33.41%2020.768a4%204%200%200%201%200%205.657z%22%2F%3E%3Cpath%20fill%3D%22%238a4b38%22%20d%3D%22m16.582%2015.253l-4.885-4.885l5.657-5.657l-1.415-1.414l-5.656%205.657L6.54%205.211L5.126%206.626l3.743%203.742l-5.657%205.657l1.414%201.414l5.657-5.657l4.885%204.885z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M26.339%2034.91a4%204%200%200%201-5.657%200l-9.899-9.899l14.142-14.142l9.899%209.899a4%204%200%200%201%200%205.657z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22m12.825%2027.053l4.673%204.674l7.955-20.33l-.528-.529l-1.504-.932z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22m22.804%208.747l2.121%202.121c-.707%202.122-8.485%2015.557-9.9%2018.385c0%200-.707%202.121-2.475.354l-5.304-5.304c-.679-.679-.685-2.142%200-2.828L19.975%208.747c1.414-1.414%202.829%200%202.829%200%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M26.339%2033.496a4%204%200%200%201-5.657%200L1.59%2014.404c-1.562-1.562-1.562-2.681%200-4.243l8.485-8.485c1.562-1.562%202.681-1.562%204.243%200L33.41%2020.768a4%204%200%200%201%200%205.657z%22%2F%3E%3Cpath%20fill%3D%22%238a4b38%22%20d%3D%22m16.582%2015.253l-4.885-4.885l5.657-5.657l-1.415-1.414l-5.656%205.657L6.54%205.211L5.126%206.626l3.743%203.742l-5.657%205.657l1.414%201.414l5.657-5.657l4.885%204.885z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M26.339%2034.91a4%204%200%200%201-5.657%200l-9.899-9.899l14.142-14.142l9.899%209.899a4%204%200%200%201%200%205.657z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22m12.825%2027.053l4.673%204.674l7.955-20.33l-.528-.529l-1.504-.932z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22m22.804%208.747l2.121%202.121c-.707%202.122-8.485%2015.557-9.9%2018.385c0%200-.707%202.121-2.475.354l-5.304-5.304c-.679-.679-.685-2.142%200-2.828L19.975%208.747c1.414-1.414%202.829%200%202.829%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/chocolate-bar.svg?color=%231a73e8&size=48