lipstick emoji

lipstick from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name
lipstick
Set
Fluent Emoji High Contrast
Style
Default
Category
Objects
Viewbox
32×32
License
MIT

The same emoji in other sets

lipstickEmoji One (Colored)lipstickFluent EmojilipstickFluent Emoji FlatlipstickFirefox OS EmojilipstickIconParklipstickIconPark OutlinelipstickIconPark SolidlipstickIconPark TwoTonelipstickMaterial Design Iconslipstick-fillMingCute IconlipstickNoto EmojilipstickOpenMojilipstickStreamline EmojislipstickTwitter Emoji

More objects icons from Fluent Emoji High Contrast

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbookmarkbookmark-tabsbooks

Use the lipstick emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 20h-.08c1.136 0 2.08.922 2.08 2.08V24h.543c.797 0 1.457.67 1.457 1.48V30H7v-4.52c0-.81.66-1.48 1.457-1.48H9v-1.92c0-1.136.922-2.08 2.08-2.08H11V4.29c-.013-.748.205-1.372.68-1.784q.173-.15.38-.256a2.3 2.3 0 0 1 1.23-.356c1.954 0 3.952 1.279 5.541 2.99q.159.154.315.316c1.929 1.998 2.971 4.262 2.843 5.842q.011.15.011.292zm-11 4h11v-1.92a.08.08 0 0 0-.024-.056a.08.08 0 0 0-.056-.024H11.08a.08.08 0 0 0-.056.024a.08.08 0 0 0-.024.056zm6.707-17.411c-1.16-1.202-2.41-2-3.424-2.366c-.768-.277-1.138-.231-1.264-.201c-.03.114-.06.406.118 1.002c.282.947.994 2.183 2.156 3.387c1.16 1.202 2.41 2 3.424 2.366c.768.277 1.138.231 1.264.201c.03-.114.06-.406-.118-1.002c-.282-.947-.994-2.183-2.156-3.387"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastLipstick(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 20h-.08c1.136 0 2.08.922 2.08 2.08V24h.543c.797 0 1.457.67 1.457 1.48V30H7v-4.52c0-.81.66-1.48 1.457-1.48H9v-1.92c0-1.136.922-2.08 2.08-2.08H11V4.29c-.013-.748.205-1.372.68-1.784q.173-.15.38-.256a2.3 2.3 0 0 1 1.23-.356c1.954 0 3.952 1.279 5.541 2.99q.159.154.315.316c1.929 1.998 2.971 4.262 2.843 5.842q.011.15.011.292zm-11 4h11v-1.92a.08.08 0 0 0-.024-.056a.08.08 0 0 0-.056-.024H11.08a.08.08 0 0 0-.056.024a.08.08 0 0 0-.024.056zm6.707-17.411c-1.16-1.202-2.41-2-3.424-2.366c-.768-.277-1.138-.231-1.264-.201c-.03.114-.06.406.118 1.002c.282.947.994 2.183 2.156 3.387c1.16 1.202 2.41 2 3.424 2.366c.768.277 1.138.231 1.264.201c.03-.114.06-.406-.118-1.002c-.282-.947-.994-2.183-2.156-3.387"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 20h-.08c1.136 0 2.08.922 2.08 2.08V24h.543c.797 0 1.457.67 1.457 1.48V30H7v-4.52c0-.81.66-1.48 1.457-1.48H9v-1.92c0-1.136.922-2.08 2.08-2.08H11V4.29c-.013-.748.205-1.372.68-1.784q.173-.15.38-.256a2.3 2.3 0 0 1 1.23-.356c1.954 0 3.952 1.279 5.541 2.99q.159.154.315.316c1.929 1.998 2.971 4.262 2.843 5.842q.011.15.011.292zm-11 4h11v-1.92a.08.08 0 0 0-.024-.056a.08.08 0 0 0-.056-.024H11.08a.08.08 0 0 0-.056.024a.08.08 0 0 0-.024.056zm6.707-17.411c-1.16-1.202-2.41-2-3.424-2.366c-.768-.277-1.138-.231-1.264-.201c-.03.114-.06.406.118 1.002c.282.947.994 2.183 2.156 3.387c1.16 1.202 2.41 2 3.424 2.366c.768.277 1.138.231 1.264.201c.03-.114.06-.406-.118-1.002c-.282-.947-.994-2.183-2.156-3.387"/></svg>
</template>

CSS

.icon-lipstick {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%2020h-.08c1.136%200%202.08.922%202.08%202.08V24h.543c.797%200%201.457.67%201.457%201.48V30H7v-4.52c0-.81.66-1.48%201.457-1.48H9v-1.92c0-1.136.922-2.08%202.08-2.08H11V4.29c-.013-.748.205-1.372.68-1.784q.173-.15.38-.256a2.3%202.3%200%200%201%201.23-.356c1.954%200%203.952%201.279%205.541%202.99q.159.154.315.316c1.929%201.998%202.971%204.262%202.843%205.842q.011.15.011.292zm-11%204h11v-1.92a.08.08%200%200%200-.024-.056a.08.08%200%200%200-.056-.024H11.08a.08.08%200%200%200-.056.024a.08.08%200%200%200-.024.056zm6.707-17.411c-1.16-1.202-2.41-2-3.424-2.366c-.768-.277-1.138-.231-1.264-.201c-.03.114-.06.406.118%201.002c.282.947.994%202.183%202.156%203.387c1.16%201.202%202.41%202%203.424%202.366c.768.277%201.138.231%201.264.201c.03-.114.06-.406-.118-1.002c-.282-.947-.994-2.183-2.156-3.387%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%2020h-.08c1.136%200%202.08.922%202.08%202.08V24h.543c.797%200%201.457.67%201.457%201.48V30H7v-4.52c0-.81.66-1.48%201.457-1.48H9v-1.92c0-1.136.922-2.08%202.08-2.08H11V4.29c-.013-.748.205-1.372.68-1.784q.173-.15.38-.256a2.3%202.3%200%200%201%201.23-.356c1.954%200%203.952%201.279%205.541%202.99q.159.154.315.316c1.929%201.998%202.971%204.262%202.843%205.842q.011.15.011.292zm-11%204h11v-1.92a.08.08%200%200%200-.024-.056a.08.08%200%200%200-.056-.024H11.08a.08.08%200%200%200-.056.024a.08.08%200%200%200-.024.056zm6.707-17.411c-1.16-1.202-2.41-2-3.424-2.366c-.768-.277-1.138-.231-1.264-.201c-.03.114-.06.406.118%201.002c.282.947.994%202.183%202.156%203.387c1.16%201.202%202.41%202%203.424%202.366c.768.277%201.138.231%201.264.201c.03-.114.06-.406-.118-1.002c-.282-.947-.994-2.183-2.156-3.387%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/lipstick.svg?color=%231a73e8&size=48