pea pod emoji
pea-pod from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- pea-pod
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji High Contrast
Use the pea pod emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGkRCCwb7V1)"><path fill="currentColor" fill-rule="evenodd" d="M27 0c-.905 0-1.756.242-2.489.663l-.845-.17a8 8 0 0 0-5.685.985l-1.581.95a2.99 2.99 0 0 0-1.405 3.135c-2.787 1.318-5.658 3.12-7.954 5.57C1.665 16.865.4 23.594.099 26.47c-.161 1.529.46 2.917 1.425 3.882c1.085 1.084 2.646 1.682 4.271 1.426c1.681-.265 4.532-.828 7.59-1.943c3.04-1.108 6.417-2.81 9.029-5.422c2.252-2.251 3.825-4.853 4.926-7.377a2.97 2.97 0 0 0 2.232-1.437l.949-1.582a8 8 0 0 0 .985-5.685l-.17-.845A5 5 0 0 0 27 0M8.5 12.5c-4.952 5.282-6.131 11.512-6.412 14.18c-.09.846.25 1.658.85 2.259c.673.672 1.607 1.012 2.546.864C8.691 29.298 16.348 27.652 21 23c2.214-2.214 3.728-4.828 4.763-7.368a2 2 0 0 1-.479-.547l-.949-1.581a7 7 0 0 1-.996-3.71l-1.962 2.06l-.002-.003l-5.355 5.625l.002.001l-1.517 1.593l-.002-.002l-5.26 5.526l-1.898 1.994a1.903 1.903 0 0 1-2.724.033c-.394-.394-.595-.94-.5-1.489C4.45 23.22 5.622 18.459 9.5 14c2.455-2.823 6.236-4.803 9.45-6.086a7 7 0 0 1-.454-.25l-1.412-.847C14.061 8.105 10.904 9.936 8.5 12.5m-.106 11.535l5.508-5.788a4 4 0 1 0-5.507 5.788m6.818-7.166l5.515-5.796a4 4 0 0 0-5.514 5.795m13.994-9.836a3 3 0 0 0-4.24-4.24l-1.691-.338a6 6 0 0 0-4.264.738l-1.582.95a1 1 0 0 0 0 1.714l1.582.95a6 6 0 0 0 4.264.738l1.475-.295l-.295 1.475a6 6 0 0 0 .738 4.264l.95 1.582a1 1 0 0 0 1.715 0l.949-1.582a6 6 0 0 0 .738-4.264z" clip-rule="evenodd"/></g><defs><clipPath id="SVGkRCCwb7V1"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastPeaPod(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g clipPath="url(#SVGkRCCwb7V1)"><path fill="currentColor" fillRule="evenodd" d="M27 0c-.905 0-1.756.242-2.489.663l-.845-.17a8 8 0 0 0-5.685.985l-1.581.95a2.99 2.99 0 0 0-1.405 3.135c-2.787 1.318-5.658 3.12-7.954 5.57C1.665 16.865.4 23.594.099 26.47c-.161 1.529.46 2.917 1.425 3.882c1.085 1.084 2.646 1.682 4.271 1.426c1.681-.265 4.532-.828 7.59-1.943c3.04-1.108 6.417-2.81 9.029-5.422c2.252-2.251 3.825-4.853 4.926-7.377a2.97 2.97 0 0 0 2.232-1.437l.949-1.582a8 8 0 0 0 .985-5.685l-.17-.845A5 5 0 0 0 27 0M8.5 12.5c-4.952 5.282-6.131 11.512-6.412 14.18c-.09.846.25 1.658.85 2.259c.673.672 1.607 1.012 2.546.864C8.691 29.298 16.348 27.652 21 23c2.214-2.214 3.728-4.828 4.763-7.368a2 2 0 0 1-.479-.547l-.949-1.581a7 7 0 0 1-.996-3.71l-1.962 2.06l-.002-.003l-5.355 5.625l.002.001l-1.517 1.593l-.002-.002l-5.26 5.526l-1.898 1.994a1.903 1.903 0 0 1-2.724.033c-.394-.394-.595-.94-.5-1.489C4.45 23.22 5.622 18.459 9.5 14c2.455-2.823 6.236-4.803 9.45-6.086a7 7 0 0 1-.454-.25l-1.412-.847C14.061 8.105 10.904 9.936 8.5 12.5m-.106 11.535l5.508-5.788a4 4 0 1 0-5.507 5.788m6.818-7.166l5.515-5.796a4 4 0 0 0-5.514 5.795m13.994-9.836a3 3 0 0 0-4.24-4.24l-1.691-.338a6 6 0 0 0-4.264.738l-1.582.95a1 1 0 0 0 0 1.714l1.582.95a6 6 0 0 0 4.264.738l1.475-.295l-.295 1.475a6 6 0 0 0 .738 4.264l.95 1.582a1 1 0 0 0 1.715 0l.949-1.582a6 6 0 0 0 .738-4.264z" clipRule="evenodd"/></g><defs><clipPath id="SVGkRCCwb7V1"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGkRCCwb7V1)"><path fill="currentColor" fill-rule="evenodd" d="M27 0c-.905 0-1.756.242-2.489.663l-.845-.17a8 8 0 0 0-5.685.985l-1.581.95a2.99 2.99 0 0 0-1.405 3.135c-2.787 1.318-5.658 3.12-7.954 5.57C1.665 16.865.4 23.594.099 26.47c-.161 1.529.46 2.917 1.425 3.882c1.085 1.084 2.646 1.682 4.271 1.426c1.681-.265 4.532-.828 7.59-1.943c3.04-1.108 6.417-2.81 9.029-5.422c2.252-2.251 3.825-4.853 4.926-7.377a2.97 2.97 0 0 0 2.232-1.437l.949-1.582a8 8 0 0 0 .985-5.685l-.17-.845A5 5 0 0 0 27 0M8.5 12.5c-4.952 5.282-6.131 11.512-6.412 14.18c-.09.846.25 1.658.85 2.259c.673.672 1.607 1.012 2.546.864C8.691 29.298 16.348 27.652 21 23c2.214-2.214 3.728-4.828 4.763-7.368a2 2 0 0 1-.479-.547l-.949-1.581a7 7 0 0 1-.996-3.71l-1.962 2.06l-.002-.003l-5.355 5.625l.002.001l-1.517 1.593l-.002-.002l-5.26 5.526l-1.898 1.994a1.903 1.903 0 0 1-2.724.033c-.394-.394-.595-.94-.5-1.489C4.45 23.22 5.622 18.459 9.5 14c2.455-2.823 6.236-4.803 9.45-6.086a7 7 0 0 1-.454-.25l-1.412-.847C14.061 8.105 10.904 9.936 8.5 12.5m-.106 11.535l5.508-5.788a4 4 0 1 0-5.507 5.788m6.818-7.166l5.515-5.796a4 4 0 0 0-5.514 5.795m13.994-9.836a3 3 0 0 0-4.24-4.24l-1.691-.338a6 6 0 0 0-4.264.738l-1.582.95a1 1 0 0 0 0 1.714l1.582.95a6 6 0 0 0 4.264.738l1.475-.295l-.295 1.475a6 6 0 0 0 .738 4.264l.95 1.582a1 1 0 0 0 1.715 0l.949-1.582a6 6 0 0 0 .738-4.264z" clip-rule="evenodd"/></g><defs><clipPath id="SVGkRCCwb7V1"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-pea-pod {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGkRCCwb7V1)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M27%200c-.905%200-1.756.242-2.489.663l-.845-.17a8%208%200%200%200-5.685.985l-1.581.95a2.99%202.99%200%200%200-1.405%203.135c-2.787%201.318-5.658%203.12-7.954%205.57C1.665%2016.865.4%2023.594.099%2026.47c-.161%201.529.46%202.917%201.425%203.882c1.085%201.084%202.646%201.682%204.271%201.426c1.681-.265%204.532-.828%207.59-1.943c3.04-1.108%206.417-2.81%209.029-5.422c2.252-2.251%203.825-4.853%204.926-7.377a2.97%202.97%200%200%200%202.232-1.437l.949-1.582a8%208%200%200%200%20.985-5.685l-.17-.845A5%205%200%200%200%2027%200M8.5%2012.5c-4.952%205.282-6.131%2011.512-6.412%2014.18c-.09.846.25%201.658.85%202.259c.673.672%201.607%201.012%202.546.864C8.691%2029.298%2016.348%2027.652%2021%2023c2.214-2.214%203.728-4.828%204.763-7.368a2%202%200%200%201-.479-.547l-.949-1.581a7%207%200%200%201-.996-3.71l-1.962%202.06l-.002-.003l-5.355%205.625l.002.001l-1.517%201.593l-.002-.002l-5.26%205.526l-1.898%201.994a1.903%201.903%200%200%201-2.724.033c-.394-.394-.595-.94-.5-1.489C4.45%2023.22%205.622%2018.459%209.5%2014c2.455-2.823%206.236-4.803%209.45-6.086a7%207%200%200%201-.454-.25l-1.412-.847C14.061%208.105%2010.904%209.936%208.5%2012.5m-.106%2011.535l5.508-5.788a4%204%200%201%200-5.507%205.788m6.818-7.166l5.515-5.796a4%204%200%200%200-5.514%205.795m13.994-9.836a3%203%200%200%200-4.24-4.24l-1.691-.338a6%206%200%200%200-4.264.738l-1.582.95a1%201%200%200%200%200%201.714l1.582.95a6%206%200%200%200%204.264.738l1.475-.295l-.295%201.475a6%206%200%200%200%20.738%204.264l.95%201.582a1%201%200%200%200%201.715%200l.949-1.582a6%206%200%200%200%20.738-4.264z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGkRCCwb7V1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGkRCCwb7V1)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M27%200c-.905%200-1.756.242-2.489.663l-.845-.17a8%208%200%200%200-5.685.985l-1.581.95a2.99%202.99%200%200%200-1.405%203.135c-2.787%201.318-5.658%203.12-7.954%205.57C1.665%2016.865.4%2023.594.099%2026.47c-.161%201.529.46%202.917%201.425%203.882c1.085%201.084%202.646%201.682%204.271%201.426c1.681-.265%204.532-.828%207.59-1.943c3.04-1.108%206.417-2.81%209.029-5.422c2.252-2.251%203.825-4.853%204.926-7.377a2.97%202.97%200%200%200%202.232-1.437l.949-1.582a8%208%200%200%200%20.985-5.685l-.17-.845A5%205%200%200%200%2027%200M8.5%2012.5c-4.952%205.282-6.131%2011.512-6.412%2014.18c-.09.846.25%201.658.85%202.259c.673.672%201.607%201.012%202.546.864C8.691%2029.298%2016.348%2027.652%2021%2023c2.214-2.214%203.728-4.828%204.763-7.368a2%202%200%200%201-.479-.547l-.949-1.581a7%207%200%200%201-.996-3.71l-1.962%202.06l-.002-.003l-5.355%205.625l.002.001l-1.517%201.593l-.002-.002l-5.26%205.526l-1.898%201.994a1.903%201.903%200%200%201-2.724.033c-.394-.394-.595-.94-.5-1.489C4.45%2023.22%205.622%2018.459%209.5%2014c2.455-2.823%206.236-4.803%209.45-6.086a7%207%200%200%201-.454-.25l-1.412-.847C14.061%208.105%2010.904%209.936%208.5%2012.5m-.106%2011.535l5.508-5.788a4%204%200%201%200-5.507%205.788m6.818-7.166l5.515-5.796a4%204%200%200%200-5.514%205.795m13.994-9.836a3%203%200%200%200-4.24-4.24l-1.691-.338a6%206%200%200%200-4.264.738l-1.582.95a1%201%200%200%200%200%201.714l1.582.95a6%206%200%200%200%204.264.738l1.475-.295l-.295%201.475a6%206%200%200%200%20.738%204.264l.95%201.582a1%201%200%200%200%201.715%200l.949-1.582a6%206%200%200%200%20.738-4.264z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGkRCCwb7V1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/pea-pod.svg?color=%231a73e8&size=48
