chopsticks emoji

chopsticks from Noto Emoji by Google Inc · Default · Food & Drink · Apache-2.0 Free for personal and commercial use.

Name
chopsticks
Set
Noto Emoji
Style
Default
Category
Food & Drink
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

More food & drink icons from Noto Emoji

Use the chopsticks emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#d61029" d="m87.586 12.477l-82.8 98.484c-.35.459-.722.978-.637 1.48c.183 1.083 3.47 3.811 4.42 3.88c.785.056 1.154-.317 1.68-.907l77.274-86.749z"/><path fill="#474c4f" d="M95.49 4.002c-1.214.06-18.387 20.936-18.387 20.936l7.601 6.9s18.257-20.126 18.343-21.199c.096-1.073-1.032-2.076-3.569-4.227c-2.073-1.751-2.986-2.458-3.988-2.41"/><path fill="#d61029" d="m99.198 40.603l-86.749 77.274c-.576.485-1.008.953-.906 1.68c.131.943 2.799 4.222 3.88 4.42c.677.124 1.074-.278 1.48-.637l98.483-82.8z"/><path fill="#474c4f" d="M121.452 28.648c-2.152-2.537-3.155-3.665-4.228-3.569c-1.073.086-21.199 18.343-21.199 18.343l6.9 7.601s20.877-17.173 20.936-18.387c.048-1.002-.659-1.915-2.41-3.988"/></svg>

React

import type { SVGProps } from "react";

export function NotoChopsticks(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#d61029" d="m87.586 12.477l-82.8 98.484c-.35.459-.722.978-.637 1.48c.183 1.083 3.47 3.811 4.42 3.88c.785.056 1.154-.317 1.68-.907l77.274-86.749z"/><path fill="#474c4f" d="M95.49 4.002c-1.214.06-18.387 20.936-18.387 20.936l7.601 6.9s18.257-20.126 18.343-21.199c.096-1.073-1.032-2.076-3.569-4.227c-2.073-1.751-2.986-2.458-3.988-2.41"/><path fill="#d61029" d="m99.198 40.603l-86.749 77.274c-.576.485-1.008.953-.906 1.68c.131.943 2.799 4.222 3.88 4.42c.677.124 1.074-.278 1.48-.637l98.483-82.8z"/><path fill="#474c4f" d="M121.452 28.648c-2.152-2.537-3.155-3.665-4.228-3.569c-1.073.086-21.199 18.343-21.199 18.343l6.9 7.601s20.877-17.173 20.936-18.387c.048-1.002-.659-1.915-2.41-3.988"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#d61029" d="m87.586 12.477l-82.8 98.484c-.35.459-.722.978-.637 1.48c.183 1.083 3.47 3.811 4.42 3.88c.785.056 1.154-.317 1.68-.907l77.274-86.749z"/><path fill="#474c4f" d="M95.49 4.002c-1.214.06-18.387 20.936-18.387 20.936l7.601 6.9s18.257-20.126 18.343-21.199c.096-1.073-1.032-2.076-3.569-4.227c-2.073-1.751-2.986-2.458-3.988-2.41"/><path fill="#d61029" d="m99.198 40.603l-86.749 77.274c-.576.485-1.008.953-.906 1.68c.131.943 2.799 4.222 3.88 4.42c.677.124 1.074-.278 1.48-.637l98.483-82.8z"/><path fill="#474c4f" d="M121.452 28.648c-2.152-2.537-3.155-3.665-4.228-3.569c-1.073.086-21.199 18.343-21.199 18.343l6.9 7.601s20.877-17.173 20.936-18.387c.048-1.002-.659-1.915-2.41-3.988"/></svg>
</template>

CSS

.icon-chopsticks {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23d61029%22%20d%3D%22m87.586%2012.477l-82.8%2098.484c-.35.459-.722.978-.637%201.48c.183%201.083%203.47%203.811%204.42%203.88c.785.056%201.154-.317%201.68-.907l77.274-86.749z%22%2F%3E%3Cpath%20fill%3D%22%23474c4f%22%20d%3D%22M95.49%204.002c-1.214.06-18.387%2020.936-18.387%2020.936l7.601%206.9s18.257-20.126%2018.343-21.199c.096-1.073-1.032-2.076-3.569-4.227c-2.073-1.751-2.986-2.458-3.988-2.41%22%2F%3E%3Cpath%20fill%3D%22%23d61029%22%20d%3D%22m99.198%2040.603l-86.749%2077.274c-.576.485-1.008.953-.906%201.68c.131.943%202.799%204.222%203.88%204.42c.677.124%201.074-.278%201.48-.637l98.483-82.8z%22%2F%3E%3Cpath%20fill%3D%22%23474c4f%22%20d%3D%22M121.452%2028.648c-2.152-2.537-3.155-3.665-4.228-3.569c-1.073.086-21.199%2018.343-21.199%2018.343l6.9%207.601s20.877-17.173%2020.936-18.387c.048-1.002-.659-1.915-2.41-3.988%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23d61029%22%20d%3D%22m87.586%2012.477l-82.8%2098.484c-.35.459-.722.978-.637%201.48c.183%201.083%203.47%203.811%204.42%203.88c.785.056%201.154-.317%201.68-.907l77.274-86.749z%22%2F%3E%3Cpath%20fill%3D%22%23474c4f%22%20d%3D%22M95.49%204.002c-1.214.06-18.387%2020.936-18.387%2020.936l7.601%206.9s18.257-20.126%2018.343-21.199c.096-1.073-1.032-2.076-3.569-4.227c-2.073-1.751-2.986-2.458-3.988-2.41%22%2F%3E%3Cpath%20fill%3D%22%23d61029%22%20d%3D%22m99.198%2040.603l-86.749%2077.274c-.576.485-1.008.953-.906%201.68c.131.943%202.799%204.222%203.88%204.42c.677.124%201.074-.278%201.48-.637l98.483-82.8z%22%2F%3E%3Cpath%20fill%3D%22%23474c4f%22%20d%3D%22M121.452%2028.648c-2.152-2.537-3.155-3.665-4.228-3.569c-1.073.086-21.199%2018.343-21.199%2018.343l6.9%207.601s20.877-17.173%2020.936-18.387c.048-1.002-.659-1.915-2.41-3.988%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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