tomato emoji
tomato from Emoji One (Colored) by Emoji One · Default · Food · CC-BY-4.0 Attribution required.
- Name
- tomato
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Food
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More food icons from Emoji One (Colored)
Use the tomato emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ef4d3c" d="M62 31.6C62.8 47 48.9 60 32.1 60S.4 46.2 2.1 30.9C4.5 9.4 20.4 8 32.1 8C39.2 8 60.2 1.8 62 31.6"/><path fill="#8cc63e" d="M11 27c6.2-9.6 16.8-6.8 19.6-10.4c0 6.9 5 3.5 7.5 6.6c3.2 4 4.4 11.1 8.2 12.5c-3.7-7.9 2.3-7.6-6.1-18.2c4.5 2.8 6.8 0 12.9 2.5c-5.3-8.4-13.6-6-13.6-6s5.2-4.8 9.6-2.3c-4.6-6.8-17.9 1.8-17.9 1.8s-5.5-9.4-17.3.5c6.9-2.8 14.5 0 14.5 0S15.9 10.9 11 27"/><g fill="#64892f"><path d="M11 27s7.3-13.5 19.9-12.3C19.8 9.6 11 20.4 11 27"/><path d="M13.9 14s9.2-6.9 17.3 0c-2.4-8.4-14.7-4.5-17.3 0m19.3.9c12.2 5.6 8.1 12 13.1 21c-3.4-7.5 5-21-13.1-21"/><path d="M28.4 14s2.8-4.2 3.8-9.4c.1-.7 3.1-.6 3 .1c-1 6.7 1.7 10.4 1.7 10.4s-2.1.7-4.7.7c-2.6.1-3.8-1.8-3.8-1.8"/></g><ellipse cx="33.7" cy="4.6" fill="#8cc63e" rx="1.5" ry=".6"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneTomato(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ef4d3c" d="M62 31.6C62.8 47 48.9 60 32.1 60S.4 46.2 2.1 30.9C4.5 9.4 20.4 8 32.1 8C39.2 8 60.2 1.8 62 31.6"/><path fill="#8cc63e" d="M11 27c6.2-9.6 16.8-6.8 19.6-10.4c0 6.9 5 3.5 7.5 6.6c3.2 4 4.4 11.1 8.2 12.5c-3.7-7.9 2.3-7.6-6.1-18.2c4.5 2.8 6.8 0 12.9 2.5c-5.3-8.4-13.6-6-13.6-6s5.2-4.8 9.6-2.3c-4.6-6.8-17.9 1.8-17.9 1.8s-5.5-9.4-17.3.5c6.9-2.8 14.5 0 14.5 0S15.9 10.9 11 27"/><g fill="#64892f"><path d="M11 27s7.3-13.5 19.9-12.3C19.8 9.6 11 20.4 11 27"/><path d="M13.9 14s9.2-6.9 17.3 0c-2.4-8.4-14.7-4.5-17.3 0m19.3.9c12.2 5.6 8.1 12 13.1 21c-3.4-7.5 5-21-13.1-21"/><path d="M28.4 14s2.8-4.2 3.8-9.4c.1-.7 3.1-.6 3 .1c-1 6.7 1.7 10.4 1.7 10.4s-2.1.7-4.7.7c-2.6.1-3.8-1.8-3.8-1.8"/></g><ellipse cx="33.7" cy="4.6" fill="#8cc63e" rx="1.5" ry=".6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ef4d3c" d="M62 31.6C62.8 47 48.9 60 32.1 60S.4 46.2 2.1 30.9C4.5 9.4 20.4 8 32.1 8C39.2 8 60.2 1.8 62 31.6"/><path fill="#8cc63e" d="M11 27c6.2-9.6 16.8-6.8 19.6-10.4c0 6.9 5 3.5 7.5 6.6c3.2 4 4.4 11.1 8.2 12.5c-3.7-7.9 2.3-7.6-6.1-18.2c4.5 2.8 6.8 0 12.9 2.5c-5.3-8.4-13.6-6-13.6-6s5.2-4.8 9.6-2.3c-4.6-6.8-17.9 1.8-17.9 1.8s-5.5-9.4-17.3.5c6.9-2.8 14.5 0 14.5 0S15.9 10.9 11 27"/><g fill="#64892f"><path d="M11 27s7.3-13.5 19.9-12.3C19.8 9.6 11 20.4 11 27"/><path d="M13.9 14s9.2-6.9 17.3 0c-2.4-8.4-14.7-4.5-17.3 0m19.3.9c12.2 5.6 8.1 12 13.1 21c-3.4-7.5 5-21-13.1-21"/><path d="M28.4 14s2.8-4.2 3.8-9.4c.1-.7 3.1-.6 3 .1c-1 6.7 1.7 10.4 1.7 10.4s-2.1.7-4.7.7c-2.6.1-3.8-1.8-3.8-1.8"/></g><ellipse cx="33.7" cy="4.6" fill="#8cc63e" rx="1.5" ry=".6"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ef4d3c%22%20d%3D%22M62%2031.6C62.8%2047%2048.9%2060%2032.1%2060S.4%2046.2%202.1%2030.9C4.5%209.4%2020.4%208%2032.1%208C39.2%208%2060.2%201.8%2062%2031.6%22%2F%3E%3Cpath%20fill%3D%22%238cc63e%22%20d%3D%22M11%2027c6.2-9.6%2016.8-6.8%2019.6-10.4c0%206.9%205%203.5%207.5%206.6c3.2%204%204.4%2011.1%208.2%2012.5c-3.7-7.9%202.3-7.6-6.1-18.2c4.5%202.8%206.8%200%2012.9%202.5c-5.3-8.4-13.6-6-13.6-6s5.2-4.8%209.6-2.3c-4.6-6.8-17.9%201.8-17.9%201.8s-5.5-9.4-17.3.5c6.9-2.8%2014.5%200%2014.5%200S15.9%2010.9%2011%2027%22%2F%3E%3Cg%20fill%3D%22%2364892f%22%3E%3Cpath%20d%3D%22M11%2027s7.3-13.5%2019.9-12.3C19.8%209.6%2011%2020.4%2011%2027%22%2F%3E%3Cpath%20d%3D%22M13.9%2014s9.2-6.9%2017.3%200c-2.4-8.4-14.7-4.5-17.3%200m19.3.9c12.2%205.6%208.1%2012%2013.1%2021c-3.4-7.5%205-21-13.1-21%22%2F%3E%3Cpath%20d%3D%22M28.4%2014s2.8-4.2%203.8-9.4c.1-.7%203.1-.6%203%20.1c-1%206.7%201.7%2010.4%201.7%2010.4s-2.1.7-4.7.7c-2.6.1-3.8-1.8-3.8-1.8%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2233.7%22%20cy%3D%224.6%22%20fill%3D%22%238cc63e%22%20rx%3D%221.5%22%20ry%3D%22.6%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ef4d3c%22%20d%3D%22M62%2031.6C62.8%2047%2048.9%2060%2032.1%2060S.4%2046.2%202.1%2030.9C4.5%209.4%2020.4%208%2032.1%208C39.2%208%2060.2%201.8%2062%2031.6%22%2F%3E%3Cpath%20fill%3D%22%238cc63e%22%20d%3D%22M11%2027c6.2-9.6%2016.8-6.8%2019.6-10.4c0%206.9%205%203.5%207.5%206.6c3.2%204%204.4%2011.1%208.2%2012.5c-3.7-7.9%202.3-7.6-6.1-18.2c4.5%202.8%206.8%200%2012.9%202.5c-5.3-8.4-13.6-6-13.6-6s5.2-4.8%209.6-2.3c-4.6-6.8-17.9%201.8-17.9%201.8s-5.5-9.4-17.3.5c6.9-2.8%2014.5%200%2014.5%200S15.9%2010.9%2011%2027%22%2F%3E%3Cg%20fill%3D%22%2364892f%22%3E%3Cpath%20d%3D%22M11%2027s7.3-13.5%2019.9-12.3C19.8%209.6%2011%2020.4%2011%2027%22%2F%3E%3Cpath%20d%3D%22M13.9%2014s9.2-6.9%2017.3%200c-2.4-8.4-14.7-4.5-17.3%200m19.3.9c12.2%205.6%208.1%2012%2013.1%2021c-3.4-7.5%205-21-13.1-21%22%2F%3E%3Cpath%20d%3D%22M28.4%2014s2.8-4.2%203.8-9.4c.1-.7%203.1-.6%203%20.1c-1%206.7%201.7%2010.4%201.7%2010.4s-2.1.7-4.7.7c-2.6.1-3.8-1.8-3.8-1.8%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2233.7%22%20cy%3D%224.6%22%20fill%3D%22%238cc63e%22%20rx%3D%221.5%22%20ry%3D%22.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/tomato.svg?color=%231a73e8&size=48
