lipstick emoji
lipstick from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- lipstick
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
lipstickEmoji One (Colored)lipstickFluent EmojilipstickFluent Emoji FlatlipstickFluent Emoji High ContrastlipstickFirefox OS EmojilipstickIconParklipstickIconPark OutlinelipstickIconPark SolidlipstickIconPark TwoTonelipstickMaterial Design Iconslipstick-fillMingCute IconlipstickNoto EmojilipstickOpenMojilipstickStreamline Emojis
More objects icons from Twitter Emoji
Use the lipstick emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M16.522.232c2.246 0 4.832 1.375 6.703 3.249C25.098 5.355 27 7.408 27 9.479v17.204l-15.974.031V9.582c-.093-1.506 1.075-9.35 5.496-9.35"/><path fill="#dd2e44" d="M19 11.378V28c0 1.104.896 0 2 0v2a2 2 0 0 0 2-2V12.333c-1.258-.104-2.65-.262-4-.955"/><path fill="#f4abba" d="M22.072 3.455c2.664 2.391 4.277 5.236 2.961 6.699c-1.314 1.463-5.06.991-7.721-1.4s-3.753-5.516-2.439-6.979c1.316-1.463 4.538-.712 7.199 1.68"/><path fill="#ffcc4d" d="M30 34a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2z"/><path fill="#ffac33" d="M31 34a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2v-1a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiLipstick(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M16.522.232c2.246 0 4.832 1.375 6.703 3.249C25.098 5.355 27 7.408 27 9.479v17.204l-15.974.031V9.582c-.093-1.506 1.075-9.35 5.496-9.35"/><path fill="#dd2e44" d="M19 11.378V28c0 1.104.896 0 2 0v2a2 2 0 0 0 2-2V12.333c-1.258-.104-2.65-.262-4-.955"/><path fill="#f4abba" d="M22.072 3.455c2.664 2.391 4.277 5.236 2.961 6.699c-1.314 1.463-5.06.991-7.721-1.4s-3.753-5.516-2.439-6.979c1.316-1.463 4.538-.712 7.199 1.68"/><path fill="#ffcc4d" d="M30 34a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2z"/><path fill="#ffac33" d="M31 34a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2v-1a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M16.522.232c2.246 0 4.832 1.375 6.703 3.249C25.098 5.355 27 7.408 27 9.479v17.204l-15.974.031V9.582c-.093-1.506 1.075-9.35 5.496-9.35"/><path fill="#dd2e44" d="M19 11.378V28c0 1.104.896 0 2 0v2a2 2 0 0 0 2-2V12.333c-1.258-.104-2.65-.262-4-.955"/><path fill="#f4abba" d="M22.072 3.455c2.664 2.391 4.277 5.236 2.961 6.699c-1.314 1.463-5.06.991-7.721-1.4s-3.753-5.516-2.439-6.979c1.316-1.463 4.538-.712 7.199 1.68"/><path fill="#ffcc4d" d="M30 34a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2z"/><path fill="#ffac33" d="M31 34a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2v-1a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M16.522.232c2.246%200%204.832%201.375%206.703%203.249C25.098%205.355%2027%207.408%2027%209.479v17.204l-15.974.031V9.582c-.093-1.506%201.075-9.35%205.496-9.35%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M19%2011.378V28c0%201.104.896%200%202%200v2a2%202%200%200%200%202-2V12.333c-1.258-.104-2.65-.262-4-.955%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M22.072%203.455c2.664%202.391%204.277%205.236%202.961%206.699c-1.314%201.463-5.06.991-7.721-1.4s-3.753-5.516-2.439-6.979c1.316-1.463%204.538-.712%207.199%201.68%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M30%2034a2%202%200%200%201-2%202H10a2%202%200%200%201-2-2v-6a2%202%200%200%201%202-2h18a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M31%2034a2%202%200%200%201-2%202H9a2%202%200%200%201-2-2v-1a2%202%200%200%201%202-2h20a2%202%200%200%201%202%202z%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%23ea596e%22%20d%3D%22M16.522.232c2.246%200%204.832%201.375%206.703%203.249C25.098%205.355%2027%207.408%2027%209.479v17.204l-15.974.031V9.582c-.093-1.506%201.075-9.35%205.496-9.35%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M19%2011.378V28c0%201.104.896%200%202%200v2a2%202%200%200%200%202-2V12.333c-1.258-.104-2.65-.262-4-.955%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M22.072%203.455c2.664%202.391%204.277%205.236%202.961%206.699c-1.314%201.463-5.06.991-7.721-1.4s-3.753-5.516-2.439-6.979c1.316-1.463%204.538-.712%207.199%201.68%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M30%2034a2%202%200%200%201-2%202H10a2%202%200%200%201-2-2v-6a2%202%200%200%201%202-2h18a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M31%2034a2%202%200%200%201-2%202H9a2%202%200%200%201-2-2v-1a2%202%200%200%201%202-2h20a2%202%200%200%201%202%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/lipstick.svg?color=%231a73e8&size=48
