left emoji

left from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.

Name: left
Set: Firefox OS Emoji
Style: Default
Category: People
Viewbox: 72×72
License: Apache 2.0

The same emoji in other sets

left-outlinedAnt Design Icons leftIconPark leftIconPark Outline left-fillMingCute Icon left-outlineTeenyicons leftUnicons

More people icons from Firefox OS Emoji

Use the left emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FFD3B6" d="M69.1 31.2H63c-.7-1.5-1.8-2.9-3.2-3.8c-.1-.1-.4-.3-.8-.5c0 0-.1 0-.1-.1c-3.3-1.7-14-6-20.8-13.8c-1.6-1.6-4.1-2-5.5-.4s-3.4 5.1 3.6 12.3c1.3 1.4 1.8 2.2 2.9 3.2H4c-2.2 0-4.1 1.8-4.1 4c0 2.3 1.8 4.1 4.1 4.1h18.3q-.15.45-.6.9c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7s.5 2.2 1.2 2.9c.7.8.8 1.6-.1 2.4c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7s.4 2.1 1.1 2.8c.8.8.7 1.6 0 2.4c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7c0 2.3 1.8 4.1 4.1 4.1h26.5c4 0 7.5-1.8 9.8-4.6h8.1c1.6 0 2.9-1.3 2.9-2.9V34.2c0-1.6-1.3-3-2.9-3"/><path fill="#F2C7AA" d="M64.3 31.2H63c.5 1.2.9 2.5.9 3.9v12.5c0 3-1.1 5.8-2.9 8h3.3c1.2 0 2.2-1 2.2-2.2v-20c.1-1.1-.9-2.2-2.2-2.2"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiLeft(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FFD3B6" d="M69.1 31.2H63c-.7-1.5-1.8-2.9-3.2-3.8c-.1-.1-.4-.3-.8-.5c0 0-.1 0-.1-.1c-3.3-1.7-14-6-20.8-13.8c-1.6-1.6-4.1-2-5.5-.4s-3.4 5.1 3.6 12.3c1.3 1.4 1.8 2.2 2.9 3.2H4c-2.2 0-4.1 1.8-4.1 4c0 2.3 1.8 4.1 4.1 4.1h18.3q-.15.45-.6.9c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7s.5 2.2 1.2 2.9c.7.8.8 1.6-.1 2.4c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7s.4 2.1 1.1 2.8c.8.8.7 1.6 0 2.4c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7c0 2.3 1.8 4.1 4.1 4.1h26.5c4 0 7.5-1.8 9.8-4.6h8.1c1.6 0 2.9-1.3 2.9-2.9V34.2c0-1.6-1.3-3-2.9-3"/><path fill="#F2C7AA" d="M64.3 31.2H63c.5 1.2.9 2.5.9 3.9v12.5c0 3-1.1 5.8-2.9 8h3.3c1.2 0 2.2-1 2.2-2.2v-20c.1-1.1-.9-2.2-2.2-2.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FFD3B6" d="M69.1 31.2H63c-.7-1.5-1.8-2.9-3.2-3.8c-.1-.1-.4-.3-.8-.5c0 0-.1 0-.1-.1c-3.3-1.7-14-6-20.8-13.8c-1.6-1.6-4.1-2-5.5-.4s-3.4 5.1 3.6 12.3c1.3 1.4 1.8 2.2 2.9 3.2H4c-2.2 0-4.1 1.8-4.1 4c0 2.3 1.8 4.1 4.1 4.1h18.3q-.15.45-.6.9c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7s.5 2.2 1.2 2.9c.7.8.8 1.6-.1 2.4c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7s.4 2.1 1.1 2.8c.8.8.7 1.6 0 2.4c-.1.1-.1.1-.1.2c-.6.7-1 1.6-1 2.7c0 2.3 1.8 4.1 4.1 4.1h26.5c4 0 7.5-1.8 9.8-4.6h8.1c1.6 0 2.9-1.3 2.9-2.9V34.2c0-1.6-1.3-3-2.9-3"/><path fill="#F2C7AA" d="M64.3 31.2H63c.5 1.2.9 2.5.9 3.9v12.5c0 3-1.1 5.8-2.9 8h3.3c1.2 0 2.2-1 2.2-2.2v-20c.1-1.1-.9-2.2-2.2-2.2"/></svg>
</template>

CSS

.icon-left {
  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%3Cpath%20fill%3D%22%23FFD3B6%22%20d%3D%22M69.1%2031.2H63c-.7-1.5-1.8-2.9-3.2-3.8c-.1-.1-.4-.3-.8-.5c0%200-.1%200-.1-.1c-3.3-1.7-14-6-20.8-13.8c-1.6-1.6-4.1-2-5.5-.4s-3.4%205.1%203.6%2012.3c1.3%201.4%201.8%202.2%202.9%203.2H4c-2.2%200-4.1%201.8-4.1%204c0%202.3%201.8%204.1%204.1%204.1h18.3q-.15.45-.6.9c-.1.1-.1.1-.1.2c-.6.7-1%201.6-1%202.7s.5%202.2%201.2%202.9c.7.8.8%201.6-.1%202.4c-.1.1-.1.1-.1.2c-.6.7-1%201.6-1%202.7s.4%202.1%201.1%202.8c.8.8.7%201.6%200%202.4c-.1.1-.1.1-.1.2c-.6.7-1%201.6-1%202.7c0%202.3%201.8%204.1%204.1%204.1h26.5c4%200%207.5-1.8%209.8-4.6h8.1c1.6%200%202.9-1.3%202.9-2.9V34.2c0-1.6-1.3-3-2.9-3%22%2F%3E%3Cpath%20fill%3D%22%23F2C7AA%22%20d%3D%22M64.3%2031.2H63c.5%201.2.9%202.5.9%203.9v12.5c0%203-1.1%205.8-2.9%208h3.3c1.2%200%202.2-1%202.2-2.2v-20c.1-1.1-.9-2.2-2.2-2.2%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23FFD3B6%22%20d%3D%22M69.1%2031.2H63c-.7-1.5-1.8-2.9-3.2-3.8c-.1-.1-.4-.3-.8-.5c0%200-.1%200-.1-.1c-3.3-1.7-14-6-20.8-13.8c-1.6-1.6-4.1-2-5.5-.4s-3.4%205.1%203.6%2012.3c1.3%201.4%201.8%202.2%202.9%203.2H4c-2.2%200-4.1%201.8-4.1%204c0%202.3%201.8%204.1%204.1%204.1h18.3q-.15.45-.6.9c-.1.1-.1.1-.1.2c-.6.7-1%201.6-1%202.7s.5%202.2%201.2%202.9c.7.8.8%201.6-.1%202.4c-.1.1-.1.1-.1.2c-.6.7-1%201.6-1%202.7s.4%202.1%201.1%202.8c.8.8.7%201.6%200%202.4c-.1.1-.1.1-.1.2c-.6.7-1%201.6-1%202.7c0%202.3%201.8%204.1%204.1%204.1h26.5c4%200%207.5-1.8%209.8-4.6h8.1c1.6%200%202.9-1.3%202.9-2.9V34.2c0-1.6-1.3-3-2.9-3%22%2F%3E%3Cpath%20fill%3D%22%23F2C7AA%22%20d%3D%22M64.3%2031.2H63c.5%201.2.9%202.5.9%203.9v12.5c0%203-1.1%205.8-2.9%208h3.3c1.2%200%202.2-1%202.2-2.2v-20c.1-1.1-.9-2.2-2.2-2.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/left.svg?color=%231a73e8&size=48