tangerine emoji
tangerine from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- tangerine
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the tangerine emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36" cy="39.073" r="21" fill="#f1b31c"/><circle cx="26" cy="46.346" r=".909"/><circle cx="26.909" cy="49.983" r=".909"/><circle cx="29.636" cy="47.255" r=".909"/><path fill="#e27022" d="M49.294 22.815a9.7 9.7 0 0 1-2.542 1.503a9.5 9.5 0 0 1-1.748.503a20.946 20.946 0 0 1-15.472 34.213a20.985 20.985 0 0 0 19.762-36.22"/><path fill="#b1cc33" d="M36 22.326a7.23 7.23 0 0 1 4.203.866c3.597 2.06 9.631.063 11.284-5.355a4.08 4.08 0 0 1-2.427-1.362c-2.48-2.987-10.247-3.212-13.06 5.851"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M36 22.326a7.23 7.23 0 0 1 4.203.866c3.597 2.06 9.631.063 11.284-5.355a4.08 4.08 0 0 1-2.427-1.362c-2.48-2.987-10.247-3.212-13.06 5.851"/><path d="M49.832 24.628a19.997 19.997 0 1 1-17.945-5.131"/><path d="M31.375 14.624s5.116 1.05 4.625 7.702"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiTangerine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36" cy="39.073" r="21" fill="#f1b31c"/><circle cx="26" cy="46.346" r=".909"/><circle cx="26.909" cy="49.983" r=".909"/><circle cx="29.636" cy="47.255" r=".909"/><path fill="#e27022" d="M49.294 22.815a9.7 9.7 0 0 1-2.542 1.503a9.5 9.5 0 0 1-1.748.503a20.946 20.946 0 0 1-15.472 34.213a20.985 20.985 0 0 0 19.762-36.22"/><path fill="#b1cc33" d="M36 22.326a7.23 7.23 0 0 1 4.203.866c3.597 2.06 9.631.063 11.284-5.355a4.08 4.08 0 0 1-2.427-1.362c-2.48-2.987-10.247-3.212-13.06 5.851"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M36 22.326a7.23 7.23 0 0 1 4.203.866c3.597 2.06 9.631.063 11.284-5.355a4.08 4.08 0 0 1-2.427-1.362c-2.48-2.987-10.247-3.212-13.06 5.851"/><path d="M49.832 24.628a19.997 19.997 0 1 1-17.945-5.131"/><path d="M31.375 14.624s5.116 1.05 4.625 7.702"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36" cy="39.073" r="21" fill="#f1b31c"/><circle cx="26" cy="46.346" r=".909"/><circle cx="26.909" cy="49.983" r=".909"/><circle cx="29.636" cy="47.255" r=".909"/><path fill="#e27022" d="M49.294 22.815a9.7 9.7 0 0 1-2.542 1.503a9.5 9.5 0 0 1-1.748.503a20.946 20.946 0 0 1-15.472 34.213a20.985 20.985 0 0 0 19.762-36.22"/><path fill="#b1cc33" d="M36 22.326a7.23 7.23 0 0 1 4.203.866c3.597 2.06 9.631.063 11.284-5.355a4.08 4.08 0 0 1-2.427-1.362c-2.48-2.987-10.247-3.212-13.06 5.851"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M36 22.326a7.23 7.23 0 0 1 4.203.866c3.597 2.06 9.631.063 11.284-5.355a4.08 4.08 0 0 1-2.427-1.362c-2.48-2.987-10.247-3.212-13.06 5.851"/><path d="M49.832 24.628a19.997 19.997 0 1 1-17.945-5.131"/><path d="M31.375 14.624s5.116 1.05 4.625 7.702"/></g></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%2072%2072%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2239.073%22%20r%3D%2221%22%20fill%3D%22%23f1b31c%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2246.346%22%20r%3D%22.909%22%2F%3E%3Ccircle%20cx%3D%2226.909%22%20cy%3D%2249.983%22%20r%3D%22.909%22%2F%3E%3Ccircle%20cx%3D%2229.636%22%20cy%3D%2247.255%22%20r%3D%22.909%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22M49.294%2022.815a9.7%209.7%200%200%201-2.542%201.503a9.5%209.5%200%200%201-1.748.503a20.946%2020.946%200%200%201-15.472%2034.213a20.985%2020.985%200%200%200%2019.762-36.22%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M36%2022.326a7.23%207.23%200%200%201%204.203.866c3.597%202.06%209.631.063%2011.284-5.355a4.08%204.08%200%200%201-2.427-1.362c-2.48-2.987-10.247-3.212-13.06%205.851%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M36%2022.326a7.23%207.23%200%200%201%204.203.866c3.597%202.06%209.631.063%2011.284-5.355a4.08%204.08%200%200%201-2.427-1.362c-2.48-2.987-10.247-3.212-13.06%205.851%22%2F%3E%3Cpath%20d%3D%22M49.832%2024.628a19.997%2019.997%200%201%201-17.945-5.131%22%2F%3E%3Cpath%20d%3D%22M31.375%2014.624s5.116%201.05%204.625%207.702%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%2072%2072%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2239.073%22%20r%3D%2221%22%20fill%3D%22%23f1b31c%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2246.346%22%20r%3D%22.909%22%2F%3E%3Ccircle%20cx%3D%2226.909%22%20cy%3D%2249.983%22%20r%3D%22.909%22%2F%3E%3Ccircle%20cx%3D%2229.636%22%20cy%3D%2247.255%22%20r%3D%22.909%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22M49.294%2022.815a9.7%209.7%200%200%201-2.542%201.503a9.5%209.5%200%200%201-1.748.503a20.946%2020.946%200%200%201-15.472%2034.213a20.985%2020.985%200%200%200%2019.762-36.22%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M36%2022.326a7.23%207.23%200%200%201%204.203.866c3.597%202.06%209.631.063%2011.284-5.355a4.08%204.08%200%200%201-2.427-1.362c-2.48-2.987-10.247-3.212-13.06%205.851%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M36%2022.326a7.23%207.23%200%200%201%204.203.866c3.597%202.06%209.631.063%2011.284-5.355a4.08%204.08%200%200%201-2.427-1.362c-2.48-2.987-10.247-3.212-13.06%205.851%22%2F%3E%3Cpath%20d%3D%22M49.832%2024.628a19.997%2019.997%200%201%201-17.945-5.131%22%2F%3E%3Cpath%20d%3D%22M31.375%2014.624s5.116%201.05%204.625%207.702%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/tangerine.svg?color=%231a73e8&size=48
