olive emoji
olive from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.
- Name
- olive
- Set
- Fluent Emoji
- Style
- Default
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
Use the olive emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6FA352" d="M25.267 6.724c5.8 5.8 6.35 14.64 1.23 19.76s-13.96 4.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57 19.76 1.22"/><path fill="url(#i0h8BOb1)" d="M25.267 6.724c5.8 5.8 6.35 14.64 1.23 19.76s-13.96 4.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57 19.76 1.22"/><path fill="url(#iZVkjLU1)" d="M25.267 6.724c5.8 5.8 6.35 14.64 1.23 19.76s-13.96 4.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57 19.76 1.22"/><path fill="url(#if9NEJc1)" d="M15.787 10.066c-2.119-.885-3.439-2.83-2.927-4.356c.504-1.517 2.632-2.033 4.759-1.158c2.127.876 3.439 2.83 2.926 4.357s-2.63 2.042-4.758 1.157"/><path fill="#DB2956" d="M7.887 13.76c1.933 1.079 4.459.233 5.642-1.888s.576-4.715-1.357-5.793s-4.459-.233-5.642 1.888s-.576 4.715 1.357 5.793"/><path fill="url(#ipuq9fl1)" d="M7.887 13.76c1.933 1.079 4.459.233 5.642-1.888s.576-4.715-1.357-5.793s-4.459-.233-5.642 1.888s-.576 4.715 1.357 5.793"/><defs><radialGradient id="i0h8BOb1" cx="0" cy="0" r="1" gradientTransform="rotate(109.654 6.684 13.877)scale(20.4408 24.43)" gradientUnits="userSpaceOnUse"><stop stop-color="#91D060"/><stop offset=".458" stop-color="#6DAB32"/><stop offset="1" stop-color="#708D5D"/></radialGradient><radialGradient id="iZVkjLU1" cx="0" cy="0" r="1" gradientTransform="matrix(2.87498 42.75004 -108.3363 7.28571 14 4.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#596570" stop-opacity="0"/><stop offset=".311" stop-color="#5C6775" stop-opacity="0"/><stop offset=".698" stop-color="#616A7D"/></radialGradient><radialGradient id="if9NEJc1" cx="0" cy="0" r="1" gradientTransform="rotate(-104.412 14.463 .194)scale(11.551 12.5002)" gradientUnits="userSpaceOnUse"><stop stop-color="#C8E4BE" stop-opacity="0"/><stop offset=".437" stop-color="#C8E4BE" stop-opacity="0"/><stop offset=".832" stop-color="#C8E4BE"/></radialGradient><radialGradient id="ipuq9fl1" cx="0" cy="0" r="1" gradientTransform="matrix(3.5625 -2.375 2.16411 3.24617 9.188 10.25)" gradientUnits="userSpaceOnUse"><stop stop-color="#E63B5F"/><stop offset="1" stop-color="#CC1138"/></radialGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiOlive(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6FA352" d="M25.267 6.724c5.8 5.8 6.35 14.64 1.23 19.76s-13.96 4.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57 19.76 1.22"/><path fill="url(#i0h8BOb1)" d="M25.267 6.724c5.8 5.8 6.35 14.64 1.23 19.76s-13.96 4.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57 19.76 1.22"/><path fill="url(#iZVkjLU1)" d="M25.267 6.724c5.8 5.8 6.35 14.64 1.23 19.76s-13.96 4.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57 19.76 1.22"/><path fill="url(#if9NEJc1)" d="M15.787 10.066c-2.119-.885-3.439-2.83-2.927-4.356c.504-1.517 2.632-2.033 4.759-1.158c2.127.876 3.439 2.83 2.926 4.357s-2.63 2.042-4.758 1.157"/><path fill="#DB2956" d="M7.887 13.76c1.933 1.079 4.459.233 5.642-1.888s.576-4.715-1.357-5.793s-4.459-.233-5.642 1.888s-.576 4.715 1.357 5.793"/><path fill="url(#ipuq9fl1)" d="M7.887 13.76c1.933 1.079 4.459.233 5.642-1.888s.576-4.715-1.357-5.793s-4.459-.233-5.642 1.888s-.576 4.715 1.357 5.793"/><defs><radialGradient id="i0h8BOb1" cx="0" cy="0" r="1" gradientTransform="rotate(109.654 6.684 13.877)scale(20.4408 24.43)" gradientUnits="userSpaceOnUse"><stop stopColor="#91D060"/><stop offset=".458" stopColor="#6DAB32"/><stop offset="1" stopColor="#708D5D"/></radialGradient><radialGradient id="iZVkjLU1" cx="0" cy="0" r="1" gradientTransform="matrix(2.87498 42.75004 -108.3363 7.28571 14 4.5)" gradientUnits="userSpaceOnUse"><stop stopColor="#596570" stopOpacity="0"/><stop offset=".311" stopColor="#5C6775" stopOpacity="0"/><stop offset=".698" stopColor="#616A7D"/></radialGradient><radialGradient id="if9NEJc1" cx="0" cy="0" r="1" gradientTransform="rotate(-104.412 14.463 .194)scale(11.551 12.5002)" gradientUnits="userSpaceOnUse"><stop stopColor="#C8E4BE" stopOpacity="0"/><stop offset=".437" stopColor="#C8E4BE" stopOpacity="0"/><stop offset=".832" stopColor="#C8E4BE"/></radialGradient><radialGradient id="ipuq9fl1" cx="0" cy="0" r="1" gradientTransform="matrix(3.5625 -2.375 2.16411 3.24617 9.188 10.25)" gradientUnits="userSpaceOnUse"><stop stopColor="#E63B5F"/><stop offset="1" stopColor="#CC1138"/></radialGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6FA352" d="M25.267 6.724c5.8 5.8 6.35 14.64 1.23 19.76s-13.96 4.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57 19.76 1.22"/><path fill="url(#i0h8BOb1)" d="M25.267 6.724c5.8 5.8 6.35 14.64 1.23 19.76s-13.96 4.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57 19.76 1.22"/><path fill="url(#iZVkjLU1)" d="M25.267 6.724c5.8 5.8 6.35 14.64 1.23 19.76s-13.96 4.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57 19.76 1.22"/><path fill="url(#if9NEJc1)" d="M15.787 10.066c-2.119-.885-3.439-2.83-2.927-4.356c.504-1.517 2.632-2.033 4.759-1.158c2.127.876 3.439 2.83 2.926 4.357s-2.63 2.042-4.758 1.157"/><path fill="#DB2956" d="M7.887 13.76c1.933 1.079 4.459.233 5.642-1.888s.576-4.715-1.357-5.793s-4.459-.233-5.642 1.888s-.576 4.715 1.357 5.793"/><path fill="url(#ipuq9fl1)" d="M7.887 13.76c1.933 1.079 4.459.233 5.642-1.888s.576-4.715-1.357-5.793s-4.459-.233-5.642 1.888s-.576 4.715 1.357 5.793"/><defs><radialGradient id="i0h8BOb1" cx="0" cy="0" r="1" gradientTransform="rotate(109.654 6.684 13.877)scale(20.4408 24.43)" gradientUnits="userSpaceOnUse"><stop stop-color="#91D060"/><stop offset=".458" stop-color="#6DAB32"/><stop offset="1" stop-color="#708D5D"/></radialGradient><radialGradient id="iZVkjLU1" cx="0" cy="0" r="1" gradientTransform="matrix(2.87498 42.75004 -108.3363 7.28571 14 4.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#596570" stop-opacity="0"/><stop offset=".311" stop-color="#5C6775" stop-opacity="0"/><stop offset=".698" stop-color="#616A7D"/></radialGradient><radialGradient id="if9NEJc1" cx="0" cy="0" r="1" gradientTransform="rotate(-104.412 14.463 .194)scale(11.551 12.5002)" gradientUnits="userSpaceOnUse"><stop stop-color="#C8E4BE" stop-opacity="0"/><stop offset=".437" stop-color="#C8E4BE" stop-opacity="0"/><stop offset=".832" stop-color="#C8E4BE"/></radialGradient><radialGradient id="ipuq9fl1" cx="0" cy="0" r="1" gradientTransform="matrix(3.5625 -2.375 2.16411 3.24617 9.188 10.25)" gradientUnits="userSpaceOnUse"><stop stop-color="#E63B5F"/><stop offset="1" stop-color="#CC1138"/></radialGradient></defs></g></svg> </template>
CSS
.icon-olive {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236FA352%22%20d%3D%22M25.267%206.724c5.8%205.8%206.35%2014.64%201.23%2019.76s-13.96%204.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57%2019.76%201.22%22%2F%3E%3Cpath%20fill%3D%22url(%23i0h8BOb1)%22%20d%3D%22M25.267%206.724c5.8%205.8%206.35%2014.64%201.23%2019.76s-13.96%204.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57%2019.76%201.22%22%2F%3E%3Cpath%20fill%3D%22url(%23iZVkjLU1)%22%20d%3D%22M25.267%206.724c5.8%205.8%206.35%2014.64%201.23%2019.76s-13.96%204.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57%2019.76%201.22%22%2F%3E%3Cpath%20fill%3D%22url(%23if9NEJc1)%22%20d%3D%22M15.787%2010.066c-2.119-.885-3.439-2.83-2.927-4.356c.504-1.517%202.632-2.033%204.759-1.158c2.127.876%203.439%202.83%202.926%204.357s-2.63%202.042-4.758%201.157%22%2F%3E%3Cpath%20fill%3D%22%23DB2956%22%20d%3D%22M7.887%2013.76c1.933%201.079%204.459.233%205.642-1.888s.576-4.715-1.357-5.793s-4.459-.233-5.642%201.888s-.576%204.715%201.357%205.793%22%2F%3E%3Cpath%20fill%3D%22url(%23ipuq9fl1)%22%20d%3D%22M7.887%2013.76c1.933%201.079%204.459.233%205.642-1.888s.576-4.715-1.357-5.793s-4.459-.233-5.642%201.888s-.576%204.715%201.357%205.793%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22i0h8BOb1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(109.654%206.684%2013.877)scale(20.4408%2024.43)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2391D060%22%2F%3E%3Cstop%20offset%3D%22.458%22%20stop-color%3D%22%236DAB32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23708D5D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iZVkjLU1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(2.87498%2042.75004%20-108.3363%207.28571%2014%204.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23596570%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.311%22%20stop-color%3D%22%235C6775%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.698%22%20stop-color%3D%22%23616A7D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22if9NEJc1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-104.412%2014.463%20.194)scale(11.551%2012.5002)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C8E4BE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.437%22%20stop-color%3D%22%23C8E4BE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.832%22%20stop-color%3D%22%23C8E4BE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ipuq9fl1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(3.5625%20-2.375%202.16411%203.24617%209.188%2010.25)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E63B5F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CC1138%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236FA352%22%20d%3D%22M25.267%206.724c5.8%205.8%206.35%2014.64%201.23%2019.76s-13.96%204.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57%2019.76%201.22%22%2F%3E%3Cpath%20fill%3D%22url(%23i0h8BOb1)%22%20d%3D%22M25.267%206.724c5.8%205.8%206.35%2014.64%201.23%2019.76s-13.96%204.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57%2019.76%201.22%22%2F%3E%3Cpath%20fill%3D%22url(%23iZVkjLU1)%22%20d%3D%22M25.267%206.724c5.8%205.8%206.35%2014.64%201.23%2019.76s-13.96%204.57-19.76-1.23s-6.35-14.64-1.23-19.75s13.96-4.57%2019.76%201.22%22%2F%3E%3Cpath%20fill%3D%22url(%23if9NEJc1)%22%20d%3D%22M15.787%2010.066c-2.119-.885-3.439-2.83-2.927-4.356c.504-1.517%202.632-2.033%204.759-1.158c2.127.876%203.439%202.83%202.926%204.357s-2.63%202.042-4.758%201.157%22%2F%3E%3Cpath%20fill%3D%22%23DB2956%22%20d%3D%22M7.887%2013.76c1.933%201.079%204.459.233%205.642-1.888s.576-4.715-1.357-5.793s-4.459-.233-5.642%201.888s-.576%204.715%201.357%205.793%22%2F%3E%3Cpath%20fill%3D%22url(%23ipuq9fl1)%22%20d%3D%22M7.887%2013.76c1.933%201.079%204.459.233%205.642-1.888s.576-4.715-1.357-5.793s-4.459-.233-5.642%201.888s-.576%204.715%201.357%205.793%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22i0h8BOb1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(109.654%206.684%2013.877)scale(20.4408%2024.43)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2391D060%22%2F%3E%3Cstop%20offset%3D%22.458%22%20stop-color%3D%22%236DAB32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23708D5D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iZVkjLU1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(2.87498%2042.75004%20-108.3363%207.28571%2014%204.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23596570%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.311%22%20stop-color%3D%22%235C6775%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.698%22%20stop-color%3D%22%23616A7D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22if9NEJc1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-104.412%2014.463%20.194)scale(11.551%2012.5002)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C8E4BE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.437%22%20stop-color%3D%22%23C8E4BE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.832%22%20stop-color%3D%22%23C8E4BE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ipuq9fl1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(3.5625%20-2.375%202.16411%203.24617%209.188%2010.25)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E63B5F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CC1138%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji/olive.svg?color=%231a73e8&size=48
