tangerine emoji
tangerine from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- tangerine
- 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 tangerine emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M3 19.5C3 10.388 10.387 3 19.499 3c9.113 0 16.5 7.387 16.5 16.5S28.612 36 19.499 36S3 28.613 3 19.5"/><path fill="#662113" d="M11.414 7.585c-.267-.267-.797-.197-1.355.12c-3.3-2.732-8.653-3.652-8.895-3.692a1 1 0 0 0-.329 1.972c.053.009 4.934.854 7.821 3.16c-.275.525-.324 1.015-.07 1.268c.39.391 1.34.074 2.121-.707s1.097-1.73.707-2.121"/><path fill="#5c913b" d="M21 1s-3.106 4.318-7.021 5.273C11 7 7.041 7.07 6.646 6.15c-.394-.919 1.572-3.937 4.969-5.393S21 1 21 1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTangerine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M3 19.5C3 10.388 10.387 3 19.499 3c9.113 0 16.5 7.387 16.5 16.5S28.612 36 19.499 36S3 28.613 3 19.5"/><path fill="#662113" d="M11.414 7.585c-.267-.267-.797-.197-1.355.12c-3.3-2.732-8.653-3.652-8.895-3.692a1 1 0 0 0-.329 1.972c.053.009 4.934.854 7.821 3.16c-.275.525-.324 1.015-.07 1.268c.39.391 1.34.074 2.121-.707s1.097-1.73.707-2.121"/><path fill="#5c913b" d="M21 1s-3.106 4.318-7.021 5.273C11 7 7.041 7.07 6.646 6.15c-.394-.919 1.572-3.937 4.969-5.393S21 1 21 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M3 19.5C3 10.388 10.387 3 19.499 3c9.113 0 16.5 7.387 16.5 16.5S28.612 36 19.499 36S3 28.613 3 19.5"/><path fill="#662113" d="M11.414 7.585c-.267-.267-.797-.197-1.355.12c-3.3-2.732-8.653-3.652-8.895-3.692a1 1 0 0 0-.329 1.972c.053.009 4.934.854 7.821 3.16c-.275.525-.324 1.015-.07 1.268c.39.391 1.34.074 2.121-.707s1.097-1.73.707-2.121"/><path fill="#5c913b" d="M21 1s-3.106 4.318-7.021 5.273C11 7 7.041 7.07 6.646 6.15c-.394-.919 1.572-3.937 4.969-5.393S21 1 21 1"/></svg> </template>
CSS
.icon-tangerine {
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%23f4900c%22%20d%3D%22M3%2019.5C3%2010.388%2010.387%203%2019.499%203c9.113%200%2016.5%207.387%2016.5%2016.5S28.612%2036%2019.499%2036S3%2028.613%203%2019.5%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M11.414%207.585c-.267-.267-.797-.197-1.355.12c-3.3-2.732-8.653-3.652-8.895-3.692a1%201%200%200%200-.329%201.972c.053.009%204.934.854%207.821%203.16c-.275.525-.324%201.015-.07%201.268c.39.391%201.34.074%202.121-.707s1.097-1.73.707-2.121%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M21%201s-3.106%204.318-7.021%205.273C11%207%207.041%207.07%206.646%206.15c-.394-.919%201.572-3.937%204.969-5.393S21%201%2021%201%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%23f4900c%22%20d%3D%22M3%2019.5C3%2010.388%2010.387%203%2019.499%203c9.113%200%2016.5%207.387%2016.5%2016.5S28.612%2036%2019.499%2036S3%2028.613%203%2019.5%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M11.414%207.585c-.267-.267-.797-.197-1.355.12c-3.3-2.732-8.653-3.652-8.895-3.692a1%201%200%200%200-.329%201.972c.053.009%204.934.854%207.821%203.16c-.275.525-.324%201.015-.07%201.268c.39.391%201.34.074%202.121-.707s1.097-1.73.707-2.121%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M21%201s-3.106%204.318-7.021%205.273C11%207%207.041%207.07%206.646%206.15c-.394-.919%201.572-3.937%204.969-5.393S21%201%2021%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/tangerine.svg?color=%231a73e8&size=48
