cucumber emoji
cucumber from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- cucumber
- 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 cucumber emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M22.35 13.49a1.14 1.14 0 1 0 0-2.28a1.14 1.14 0 0 0 0 2.28m-2.55 5.92a1.14 1.14 0 1 1-2.28 0a1.14 1.14 0 0 1 2.28 0m-6.81 4a1.14 1.14 0 1 1-2.28 0a1.14 1.14 0 0 1 2.28 0"/><path d="M23.58 1a6.9 6.9 0 0 0-6.9 6.9q0 .819-.142 1.59a2.4 2.4 0 0 0-1.488 2.22c0 .354.079.686.214.984a8.8 8.8 0 0 1-2.576 2.576a2.41 2.41 0 0 0-3.549 1.338q-.61.091-1.239.092A6.9 6.9 0 0 0 1 23.6c0 3.812 3.088 6.9 6.9 6.9q1.472-.002 2.899-.188a2.4 2.4 0 0 0 3.927-.896a22.5 22.5 0 0 0 7.417-4.024q.14.018.287.018a2.41 2.41 0 0 0 2.402-2.607a22.8 22.8 0 0 0 4.19-6.947a2.402 2.402 0 0 0 1.066-3.738q.392-2.06.392-4.218c0-3.812-3.088-6.9-6.9-6.9m-4.9 6.9c0-2.708 2.192-4.9 4.9-4.9s4.9 2.192 4.9 4.9c0 1.491-.153 2.94-.457 4.337l-.142.653l.549.381a.4.4 0 0 1 .17.329c0 .211-.167.39-.384.402l-.667.035l-.222.63a20.8 20.8 0 0 1-4.313 7.166l-.416.452l.216.576a.408.408 0 0 1-.543.514l-.567-.233l-.465.399a20.5 20.5 0 0 1-7.645 4.128l-.704.202l-.02.733a.396.396 0 0 1-.4.386a.4.4 0 0 1-.354-.213l-.332-.636l-.708.11c-1.04.163-2.1.249-3.176.249A4.9 4.9 0 0 1 3 23.6c0-2.708 2.192-4.9 4.9-4.9c.822 0 1.604-.1 2.352-.263l1.008-.219l-.229-.917a.41.41 0 0 1 .409-.381c.13 0 .252.061.337.176l.52.7l.765-.42a10.85 10.85 0 0 0 4.25-4.208l.355-.633l-.492-.533a.43.43 0 0 1-.125-.292c0-.211.167-.39.384-.402l.73-.039l.184-.708c.222-.856.332-1.75.332-2.661"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastCucumber(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M22.35 13.49a1.14 1.14 0 1 0 0-2.28a1.14 1.14 0 0 0 0 2.28m-2.55 5.92a1.14 1.14 0 1 1-2.28 0a1.14 1.14 0 0 1 2.28 0m-6.81 4a1.14 1.14 0 1 1-2.28 0a1.14 1.14 0 0 1 2.28 0"/><path d="M23.58 1a6.9 6.9 0 0 0-6.9 6.9q0 .819-.142 1.59a2.4 2.4 0 0 0-1.488 2.22c0 .354.079.686.214.984a8.8 8.8 0 0 1-2.576 2.576a2.41 2.41 0 0 0-3.549 1.338q-.61.091-1.239.092A6.9 6.9 0 0 0 1 23.6c0 3.812 3.088 6.9 6.9 6.9q1.472-.002 2.899-.188a2.4 2.4 0 0 0 3.927-.896a22.5 22.5 0 0 0 7.417-4.024q.14.018.287.018a2.41 2.41 0 0 0 2.402-2.607a22.8 22.8 0 0 0 4.19-6.947a2.402 2.402 0 0 0 1.066-3.738q.392-2.06.392-4.218c0-3.812-3.088-6.9-6.9-6.9m-4.9 6.9c0-2.708 2.192-4.9 4.9-4.9s4.9 2.192 4.9 4.9c0 1.491-.153 2.94-.457 4.337l-.142.653l.549.381a.4.4 0 0 1 .17.329c0 .211-.167.39-.384.402l-.667.035l-.222.63a20.8 20.8 0 0 1-4.313 7.166l-.416.452l.216.576a.408.408 0 0 1-.543.514l-.567-.233l-.465.399a20.5 20.5 0 0 1-7.645 4.128l-.704.202l-.02.733a.396.396 0 0 1-.4.386a.4.4 0 0 1-.354-.213l-.332-.636l-.708.11c-1.04.163-2.1.249-3.176.249A4.9 4.9 0 0 1 3 23.6c0-2.708 2.192-4.9 4.9-4.9c.822 0 1.604-.1 2.352-.263l1.008-.219l-.229-.917a.41.41 0 0 1 .409-.381c.13 0 .252.061.337.176l.52.7l.765-.42a10.85 10.85 0 0 0 4.25-4.208l.355-.633l-.492-.533a.43.43 0 0 1-.125-.292c0-.211.167-.39.384-.402l.73-.039l.184-.708c.222-.856.332-1.75.332-2.661"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M22.35 13.49a1.14 1.14 0 1 0 0-2.28a1.14 1.14 0 0 0 0 2.28m-2.55 5.92a1.14 1.14 0 1 1-2.28 0a1.14 1.14 0 0 1 2.28 0m-6.81 4a1.14 1.14 0 1 1-2.28 0a1.14 1.14 0 0 1 2.28 0"/><path d="M23.58 1a6.9 6.9 0 0 0-6.9 6.9q0 .819-.142 1.59a2.4 2.4 0 0 0-1.488 2.22c0 .354.079.686.214.984a8.8 8.8 0 0 1-2.576 2.576a2.41 2.41 0 0 0-3.549 1.338q-.61.091-1.239.092A6.9 6.9 0 0 0 1 23.6c0 3.812 3.088 6.9 6.9 6.9q1.472-.002 2.899-.188a2.4 2.4 0 0 0 3.927-.896a22.5 22.5 0 0 0 7.417-4.024q.14.018.287.018a2.41 2.41 0 0 0 2.402-2.607a22.8 22.8 0 0 0 4.19-6.947a2.402 2.402 0 0 0 1.066-3.738q.392-2.06.392-4.218c0-3.812-3.088-6.9-6.9-6.9m-4.9 6.9c0-2.708 2.192-4.9 4.9-4.9s4.9 2.192 4.9 4.9c0 1.491-.153 2.94-.457 4.337l-.142.653l.549.381a.4.4 0 0 1 .17.329c0 .211-.167.39-.384.402l-.667.035l-.222.63a20.8 20.8 0 0 1-4.313 7.166l-.416.452l.216.576a.408.408 0 0 1-.543.514l-.567-.233l-.465.399a20.5 20.5 0 0 1-7.645 4.128l-.704.202l-.02.733a.396.396 0 0 1-.4.386a.4.4 0 0 1-.354-.213l-.332-.636l-.708.11c-1.04.163-2.1.249-3.176.249A4.9 4.9 0 0 1 3 23.6c0-2.708 2.192-4.9 4.9-4.9c.822 0 1.604-.1 2.352-.263l1.008-.219l-.229-.917a.41.41 0 0 1 .409-.381c.13 0 .252.061.337.176l.52.7l.765-.42a10.85 10.85 0 0 0 4.25-4.208l.355-.633l-.492-.533a.43.43 0 0 1-.125-.292c0-.211.167-.39.384-.402l.73-.039l.184-.708c.222-.856.332-1.75.332-2.661"/></g></svg> </template>
CSS
.icon-cucumber {
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%22currentColor%22%3E%3Cpath%20d%3D%22M22.35%2013.49a1.14%201.14%200%201%200%200-2.28a1.14%201.14%200%200%200%200%202.28m-2.55%205.92a1.14%201.14%200%201%201-2.28%200a1.14%201.14%200%200%201%202.28%200m-6.81%204a1.14%201.14%200%201%201-2.28%200a1.14%201.14%200%200%201%202.28%200%22%2F%3E%3Cpath%20d%3D%22M23.58%201a6.9%206.9%200%200%200-6.9%206.9q0%20.819-.142%201.59a2.4%202.4%200%200%200-1.488%202.22c0%20.354.079.686.214.984a8.8%208.8%200%200%201-2.576%202.576a2.41%202.41%200%200%200-3.549%201.338q-.61.091-1.239.092A6.9%206.9%200%200%200%201%2023.6c0%203.812%203.088%206.9%206.9%206.9q1.472-.002%202.899-.188a2.4%202.4%200%200%200%203.927-.896a22.5%2022.5%200%200%200%207.417-4.024q.14.018.287.018a2.41%202.41%200%200%200%202.402-2.607a22.8%2022.8%200%200%200%204.19-6.947a2.402%202.402%200%200%200%201.066-3.738q.392-2.06.392-4.218c0-3.812-3.088-6.9-6.9-6.9m-4.9%206.9c0-2.708%202.192-4.9%204.9-4.9s4.9%202.192%204.9%204.9c0%201.491-.153%202.94-.457%204.337l-.142.653l.549.381a.4.4%200%200%201%20.17.329c0%20.211-.167.39-.384.402l-.667.035l-.222.63a20.8%2020.8%200%200%201-4.313%207.166l-.416.452l.216.576a.408.408%200%200%201-.543.514l-.567-.233l-.465.399a20.5%2020.5%200%200%201-7.645%204.128l-.704.202l-.02.733a.396.396%200%200%201-.4.386a.4.4%200%200%201-.354-.213l-.332-.636l-.708.11c-1.04.163-2.1.249-3.176.249A4.9%204.9%200%200%201%203%2023.6c0-2.708%202.192-4.9%204.9-4.9c.822%200%201.604-.1%202.352-.263l1.008-.219l-.229-.917a.41.41%200%200%201%20.409-.381c.13%200%20.252.061.337.176l.52.7l.765-.42a10.85%2010.85%200%200%200%204.25-4.208l.355-.633l-.492-.533a.43.43%200%200%201-.125-.292c0-.211.167-.39.384-.402l.73-.039l.184-.708c.222-.856.332-1.75.332-2.661%22%2F%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%22currentColor%22%3E%3Cpath%20d%3D%22M22.35%2013.49a1.14%201.14%200%201%200%200-2.28a1.14%201.14%200%200%200%200%202.28m-2.55%205.92a1.14%201.14%200%201%201-2.28%200a1.14%201.14%200%200%201%202.28%200m-6.81%204a1.14%201.14%200%201%201-2.28%200a1.14%201.14%200%200%201%202.28%200%22%2F%3E%3Cpath%20d%3D%22M23.58%201a6.9%206.9%200%200%200-6.9%206.9q0%20.819-.142%201.59a2.4%202.4%200%200%200-1.488%202.22c0%20.354.079.686.214.984a8.8%208.8%200%200%201-2.576%202.576a2.41%202.41%200%200%200-3.549%201.338q-.61.091-1.239.092A6.9%206.9%200%200%200%201%2023.6c0%203.812%203.088%206.9%206.9%206.9q1.472-.002%202.899-.188a2.4%202.4%200%200%200%203.927-.896a22.5%2022.5%200%200%200%207.417-4.024q.14.018.287.018a2.41%202.41%200%200%200%202.402-2.607a22.8%2022.8%200%200%200%204.19-6.947a2.402%202.402%200%200%200%201.066-3.738q.392-2.06.392-4.218c0-3.812-3.088-6.9-6.9-6.9m-4.9%206.9c0-2.708%202.192-4.9%204.9-4.9s4.9%202.192%204.9%204.9c0%201.491-.153%202.94-.457%204.337l-.142.653l.549.381a.4.4%200%200%201%20.17.329c0%20.211-.167.39-.384.402l-.667.035l-.222.63a20.8%2020.8%200%200%201-4.313%207.166l-.416.452l.216.576a.408.408%200%200%201-.543.514l-.567-.233l-.465.399a20.5%2020.5%200%200%201-7.645%204.128l-.704.202l-.02.733a.396.396%200%200%201-.4.386a.4.4%200%200%201-.354-.213l-.332-.636l-.708.11c-1.04.163-2.1.249-3.176.249A4.9%204.9%200%200%201%203%2023.6c0-2.708%202.192-4.9%204.9-4.9c.822%200%201.604-.1%202.352-.263l1.008-.219l-.229-.917a.41.41%200%200%201%20.409-.381c.13%200%20.252.061.337.176l.52.7l.765-.42a10.85%2010.85%200%200%200%204.25-4.208l.355-.633l-.492-.533a.43.43%200%200%201-.125-.292c0-.211.167-.39.384-.402l.73-.039l.184-.708c.222-.856.332-1.75.332-2.661%22%2F%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/cucumber.svg?color=%231a73e8&size=48
