tomato emoji
tomato from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- tomato
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More food & drink icons from Twitter Emoji
Use the tomato emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M22.494 5.344c-.687 0-1.352.066-1.991.177c-.819-.104-2.74-.231-3.591-.231c-8.473 0-15.886 3.177-15.886 14.298c0 9.036 7.049 16.361 16.976 16.361s17.974-7.325 17.974-16.361C35.975 8.339 26.59 5.344 22.494 5.344"/><path fill="#77b255" d="M8.439.091c1.637 1.636 2.77 2.266 3.274 4.91c.298 1.564 2.266 1.51 2.266 1.51s-3.903 1.763-5.54 3.4c0 0 4.91-1.637 6.547-1.637c0 0 3.273 1.637 3.273 3.273c0 0 0-3.273-1.636-3.273c0 0 4.909 0 4.909 3.273c0 0 0-4.91-1.637-4.91c0 0 4.911-1.636 6.548 0c0 0-1.686-1.72-4.911-1.636c0 0 1.638-1.637 4.911-1.637c0 0-5.288-1.511-6.925 1.763c0 0-1.385-1.385 1.385-4.155c0 0-4.28.755-4.28 4.029c0 0-1.552-.04-2.644-1.259C11.838 1.35 8.439.091 8.439.091"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTomato(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M22.494 5.344c-.687 0-1.352.066-1.991.177c-.819-.104-2.74-.231-3.591-.231c-8.473 0-15.886 3.177-15.886 14.298c0 9.036 7.049 16.361 16.976 16.361s17.974-7.325 17.974-16.361C35.975 8.339 26.59 5.344 22.494 5.344"/><path fill="#77b255" d="M8.439.091c1.637 1.636 2.77 2.266 3.274 4.91c.298 1.564 2.266 1.51 2.266 1.51s-3.903 1.763-5.54 3.4c0 0 4.91-1.637 6.547-1.637c0 0 3.273 1.637 3.273 3.273c0 0 0-3.273-1.636-3.273c0 0 4.909 0 4.909 3.273c0 0 0-4.91-1.637-4.91c0 0 4.911-1.636 6.548 0c0 0-1.686-1.72-4.911-1.636c0 0 1.638-1.637 4.911-1.637c0 0-5.288-1.511-6.925 1.763c0 0-1.385-1.385 1.385-4.155c0 0-4.28.755-4.28 4.029c0 0-1.552-.04-2.644-1.259C11.838 1.35 8.439.091 8.439.091"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M22.494 5.344c-.687 0-1.352.066-1.991.177c-.819-.104-2.74-.231-3.591-.231c-8.473 0-15.886 3.177-15.886 14.298c0 9.036 7.049 16.361 16.976 16.361s17.974-7.325 17.974-16.361C35.975 8.339 26.59 5.344 22.494 5.344"/><path fill="#77b255" d="M8.439.091c1.637 1.636 2.77 2.266 3.274 4.91c.298 1.564 2.266 1.51 2.266 1.51s-3.903 1.763-5.54 3.4c0 0 4.91-1.637 6.547-1.637c0 0 3.273 1.637 3.273 3.273c0 0 0-3.273-1.636-3.273c0 0 4.909 0 4.909 3.273c0 0 0-4.91-1.637-4.91c0 0 4.911-1.636 6.548 0c0 0-1.686-1.72-4.911-1.636c0 0 1.638-1.637 4.911-1.637c0 0-5.288-1.511-6.925 1.763c0 0-1.385-1.385 1.385-4.155c0 0-4.28.755-4.28 4.029c0 0-1.552-.04-2.644-1.259C11.838 1.35 8.439.091 8.439.091"/></svg> </template>
CSS
.icon-tomato {
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%23dd2e44%22%20d%3D%22M22.494%205.344c-.687%200-1.352.066-1.991.177c-.819-.104-2.74-.231-3.591-.231c-8.473%200-15.886%203.177-15.886%2014.298c0%209.036%207.049%2016.361%2016.976%2016.361s17.974-7.325%2017.974-16.361C35.975%208.339%2026.59%205.344%2022.494%205.344%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M8.439.091c1.637%201.636%202.77%202.266%203.274%204.91c.298%201.564%202.266%201.51%202.266%201.51s-3.903%201.763-5.54%203.4c0%200%204.91-1.637%206.547-1.637c0%200%203.273%201.637%203.273%203.273c0%200%200-3.273-1.636-3.273c0%200%204.909%200%204.909%203.273c0%200%200-4.91-1.637-4.91c0%200%204.911-1.636%206.548%200c0%200-1.686-1.72-4.911-1.636c0%200%201.638-1.637%204.911-1.637c0%200-5.288-1.511-6.925%201.763c0%200-1.385-1.385%201.385-4.155c0%200-4.28.755-4.28%204.029c0%200-1.552-.04-2.644-1.259C11.838%201.35%208.439.091%208.439.091%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%23dd2e44%22%20d%3D%22M22.494%205.344c-.687%200-1.352.066-1.991.177c-.819-.104-2.74-.231-3.591-.231c-8.473%200-15.886%203.177-15.886%2014.298c0%209.036%207.049%2016.361%2016.976%2016.361s17.974-7.325%2017.974-16.361C35.975%208.339%2026.59%205.344%2022.494%205.344%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M8.439.091c1.637%201.636%202.77%202.266%203.274%204.91c.298%201.564%202.266%201.51%202.266%201.51s-3.903%201.763-5.54%203.4c0%200%204.91-1.637%206.547-1.637c0%200%203.273%201.637%203.273%203.273c0%200%200-3.273-1.636-3.273c0%200%204.909%200%204.909%203.273c0%200%200-4.91-1.637-4.91c0%200%204.911-1.636%206.548%200c0%200-1.686-1.72-4.911-1.636c0%200%201.638-1.637%204.911-1.637c0%200-5.288-1.511-6.925%201.763c0%200-1.385-1.385%201.385-4.155c0%200-4.28.755-4.28%204.029c0%200-1.552-.04-2.644-1.259C11.838%201.35%208.439.091%208.439.091%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/tomato.svg?color=%231a73e8&size=48
