peach emoji
peach from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- peach
- 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 peach emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#5c913b" d="M1.062 5.125s4.875-5 10-5C17.188.125 19 5.062 19 5.062s.625-4 5-4s6.938 3.125 6.938 3.125s-3.562 2.125-4.625 2.562c-2.801 1.153-11.375 3.562-15.375 2.562S1.062 5.125 1.062 5.125"/><path fill="#ff886c" d="M18 6s1.042-.896 6-.896c6.542 0 12 4.812 12 12.927c0 11.531-14.958 17.881-14.958 17.881S1 34.833 1 17.977C1 8.018 7.75 5 12 5c4.958 0 6 1 6 1"/><path fill="#77b255" d="M1.062 5.125s4.875-5 10-5C17.188.125 19 5.062 19 5.062s-4.062 5.25-8.062 4.25s-9.876-4.187-9.876-4.187"/><path fill="#dd2e44" d="M22.999 30a1 1 0 0 1-.831-1.555C22.183 28.423 24 25.538 24 19c0-6.445-4.578-10.182-4.625-10.219a1 1 0 1 1 1.25-1.561C20.844 7.395 26 11.604 26 19c0 7.22-2.079 10.422-2.168 10.555a1 1 0 0 1-.833.445"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiPeach(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#5c913b" d="M1.062 5.125s4.875-5 10-5C17.188.125 19 5.062 19 5.062s.625-4 5-4s6.938 3.125 6.938 3.125s-3.562 2.125-4.625 2.562c-2.801 1.153-11.375 3.562-15.375 2.562S1.062 5.125 1.062 5.125"/><path fill="#ff886c" d="M18 6s1.042-.896 6-.896c6.542 0 12 4.812 12 12.927c0 11.531-14.958 17.881-14.958 17.881S1 34.833 1 17.977C1 8.018 7.75 5 12 5c4.958 0 6 1 6 1"/><path fill="#77b255" d="M1.062 5.125s4.875-5 10-5C17.188.125 19 5.062 19 5.062s-4.062 5.25-8.062 4.25s-9.876-4.187-9.876-4.187"/><path fill="#dd2e44" d="M22.999 30a1 1 0 0 1-.831-1.555C22.183 28.423 24 25.538 24 19c0-6.445-4.578-10.182-4.625-10.219a1 1 0 1 1 1.25-1.561C20.844 7.395 26 11.604 26 19c0 7.22-2.079 10.422-2.168 10.555a1 1 0 0 1-.833.445"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#5c913b" d="M1.062 5.125s4.875-5 10-5C17.188.125 19 5.062 19 5.062s.625-4 5-4s6.938 3.125 6.938 3.125s-3.562 2.125-4.625 2.562c-2.801 1.153-11.375 3.562-15.375 2.562S1.062 5.125 1.062 5.125"/><path fill="#ff886c" d="M18 6s1.042-.896 6-.896c6.542 0 12 4.812 12 12.927c0 11.531-14.958 17.881-14.958 17.881S1 34.833 1 17.977C1 8.018 7.75 5 12 5c4.958 0 6 1 6 1"/><path fill="#77b255" d="M1.062 5.125s4.875-5 10-5C17.188.125 19 5.062 19 5.062s-4.062 5.25-8.062 4.25s-9.876-4.187-9.876-4.187"/><path fill="#dd2e44" d="M22.999 30a1 1 0 0 1-.831-1.555C22.183 28.423 24 25.538 24 19c0-6.445-4.578-10.182-4.625-10.219a1 1 0 1 1 1.25-1.561C20.844 7.395 26 11.604 26 19c0 7.22-2.079 10.422-2.168 10.555a1 1 0 0 1-.833.445"/></svg> </template>
CSS
.icon-peach {
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%235c913b%22%20d%3D%22M1.062%205.125s4.875-5%2010-5C17.188.125%2019%205.062%2019%205.062s.625-4%205-4s6.938%203.125%206.938%203.125s-3.562%202.125-4.625%202.562c-2.801%201.153-11.375%203.562-15.375%202.562S1.062%205.125%201.062%205.125%22%2F%3E%3Cpath%20fill%3D%22%23ff886c%22%20d%3D%22M18%206s1.042-.896%206-.896c6.542%200%2012%204.812%2012%2012.927c0%2011.531-14.958%2017.881-14.958%2017.881S1%2034.833%201%2017.977C1%208.018%207.75%205%2012%205c4.958%200%206%201%206%201%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M1.062%205.125s4.875-5%2010-5C17.188.125%2019%205.062%2019%205.062s-4.062%205.25-8.062%204.25s-9.876-4.187-9.876-4.187%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M22.999%2030a1%201%200%200%201-.831-1.555C22.183%2028.423%2024%2025.538%2024%2019c0-6.445-4.578-10.182-4.625-10.219a1%201%200%201%201%201.25-1.561C20.844%207.395%2026%2011.604%2026%2019c0%207.22-2.079%2010.422-2.168%2010.555a1%201%200%200%201-.833.445%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%235c913b%22%20d%3D%22M1.062%205.125s4.875-5%2010-5C17.188.125%2019%205.062%2019%205.062s.625-4%205-4s6.938%203.125%206.938%203.125s-3.562%202.125-4.625%202.562c-2.801%201.153-11.375%203.562-15.375%202.562S1.062%205.125%201.062%205.125%22%2F%3E%3Cpath%20fill%3D%22%23ff886c%22%20d%3D%22M18%206s1.042-.896%206-.896c6.542%200%2012%204.812%2012%2012.927c0%2011.531-14.958%2017.881-14.958%2017.881S1%2034.833%201%2017.977C1%208.018%207.75%205%2012%205c4.958%200%206%201%206%201%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M1.062%205.125s4.875-5%2010-5C17.188.125%2019%205.062%2019%205.062s-4.062%205.25-8.062%204.25s-9.876-4.187-9.876-4.187%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M22.999%2030a1%201%200%200%201-.831-1.555C22.183%2028.423%2024%2025.538%2024%2019c0-6.445-4.578-10.182-4.625-10.219a1%201%200%201%201%201.25-1.561C20.844%207.395%2026%2011.604%2026%2019c0%207.22-2.079%2010.422-2.168%2010.555a1%201%200%200%201-.833.445%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/peach.svg?color=%231a73e8&size=48
