lipstick emoji
lipstick from Emoji One (Colored) by Emoji One · Default · People · CC-BY-4.0 Attribution required.
- Name
- lipstick
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- People
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
lipstickFluent EmojilipstickFluent Emoji FlatlipstickFluent Emoji High ContrastlipstickFirefox OS EmojilipstickIconParklipstickIconPark OutlinelipstickIconPark SolidlipstickIconPark TwoTonelipstickMaterial Design Iconslipstick-fillMingCute IconlipstickNoto EmojilipstickOpenMojilipstickStreamline EmojislipstickTwitter Emoji
More people icons from Emoji One (Colored)
alienalien-monsterangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upbeaming-face-with-smiling-eyesblond-haired-personboybride-with-veilbriefcasebust-in-silhouettebusts-in-silhouettecall-me-handcat-face-with-tears-of-joycat-face-with-wry-smileclapping-hands
Use the lipstick emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ed4c5c"><path d="m20.8 6.4l20.1 20.1l-11.2 11.2L2.2 10.2z"/><path d="M10.6 5.8c-5.2.9-9 2.7-8.6 4.1c.5 1.4 5.1 1.8 10.4.9c5.2-1 9.1-2.8 8.6-4.2s-5.2-1.7-10.4-.8"/></g><path fill="#ff8080" d="M10.8 5.8c-4.9.8-8.5 2.6-8 3.9s4.8 1.6 9.7.8s8.5-2.6 8-3.8c-.5-1.4-4.8-1.8-9.7-.9"/><path fill="#e8e8e8" d="m16.855 26.363l12.869-12.869l16.829 16.829l-12.87 12.87z"/><path fill="#555b61" d="M44.407 54.577L57.84 41.14l4.173 4.171L48.58 58.748z"/><path fill="#b2c1c0" d="m28.047 38.228l13.43-13.439l3.89 3.888l-13.43 13.439z"/><path fill="#3e4347" d="m29.229 40.798l14.849-14.85L61.33 43.203l-14.85 14.85z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneLipstick(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ed4c5c"><path d="m20.8 6.4l20.1 20.1l-11.2 11.2L2.2 10.2z"/><path d="M10.6 5.8c-5.2.9-9 2.7-8.6 4.1c.5 1.4 5.1 1.8 10.4.9c5.2-1 9.1-2.8 8.6-4.2s-5.2-1.7-10.4-.8"/></g><path fill="#ff8080" d="M10.8 5.8c-4.9.8-8.5 2.6-8 3.9s4.8 1.6 9.7.8s8.5-2.6 8-3.8c-.5-1.4-4.8-1.8-9.7-.9"/><path fill="#e8e8e8" d="m16.855 26.363l12.869-12.869l16.829 16.829l-12.87 12.87z"/><path fill="#555b61" d="M44.407 54.577L57.84 41.14l4.173 4.171L48.58 58.748z"/><path fill="#b2c1c0" d="m28.047 38.228l13.43-13.439l3.89 3.888l-13.43 13.439z"/><path fill="#3e4347" d="m29.229 40.798l14.849-14.85L61.33 43.203l-14.85 14.85z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ed4c5c"><path d="m20.8 6.4l20.1 20.1l-11.2 11.2L2.2 10.2z"/><path d="M10.6 5.8c-5.2.9-9 2.7-8.6 4.1c.5 1.4 5.1 1.8 10.4.9c5.2-1 9.1-2.8 8.6-4.2s-5.2-1.7-10.4-.8"/></g><path fill="#ff8080" d="M10.8 5.8c-4.9.8-8.5 2.6-8 3.9s4.8 1.6 9.7.8s8.5-2.6 8-3.8c-.5-1.4-4.8-1.8-9.7-.9"/><path fill="#e8e8e8" d="m16.855 26.363l12.869-12.869l16.829 16.829l-12.87 12.87z"/><path fill="#555b61" d="M44.407 54.577L57.84 41.14l4.173 4.171L48.58 58.748z"/><path fill="#b2c1c0" d="m28.047 38.228l13.43-13.439l3.89 3.888l-13.43 13.439z"/><path fill="#3e4347" d="m29.229 40.798l14.849-14.85L61.33 43.203l-14.85 14.85z"/></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%2064%2064%22%3E%3Cg%20fill%3D%22%23ed4c5c%22%3E%3Cpath%20d%3D%22m20.8%206.4l20.1%2020.1l-11.2%2011.2L2.2%2010.2z%22%2F%3E%3Cpath%20d%3D%22M10.6%205.8c-5.2.9-9%202.7-8.6%204.1c.5%201.4%205.1%201.8%2010.4.9c5.2-1%209.1-2.8%208.6-4.2s-5.2-1.7-10.4-.8%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ff8080%22%20d%3D%22M10.8%205.8c-4.9.8-8.5%202.6-8%203.9s4.8%201.6%209.7.8s8.5-2.6%208-3.8c-.5-1.4-4.8-1.8-9.7-.9%22%2F%3E%3Cpath%20fill%3D%22%23e8e8e8%22%20d%3D%22m16.855%2026.363l12.869-12.869l16.829%2016.829l-12.87%2012.87z%22%2F%3E%3Cpath%20fill%3D%22%23555b61%22%20d%3D%22M44.407%2054.577L57.84%2041.14l4.173%204.171L48.58%2058.748z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22m28.047%2038.228l13.43-13.439l3.89%203.888l-13.43%2013.439z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m29.229%2040.798l14.849-14.85L61.33%2043.203l-14.85%2014.85z%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%2064%2064%22%3E%3Cg%20fill%3D%22%23ed4c5c%22%3E%3Cpath%20d%3D%22m20.8%206.4l20.1%2020.1l-11.2%2011.2L2.2%2010.2z%22%2F%3E%3Cpath%20d%3D%22M10.6%205.8c-5.2.9-9%202.7-8.6%204.1c.5%201.4%205.1%201.8%2010.4.9c5.2-1%209.1-2.8%208.6-4.2s-5.2-1.7-10.4-.8%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ff8080%22%20d%3D%22M10.8%205.8c-4.9.8-8.5%202.6-8%203.9s4.8%201.6%209.7.8s8.5-2.6%208-3.8c-.5-1.4-4.8-1.8-9.7-.9%22%2F%3E%3Cpath%20fill%3D%22%23e8e8e8%22%20d%3D%22m16.855%2026.363l12.869-12.869l16.829%2016.829l-12.87%2012.87z%22%2F%3E%3Cpath%20fill%3D%22%23555b61%22%20d%3D%22M44.407%2054.577L57.84%2041.14l4.173%204.171L48.58%2058.748z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22m28.047%2038.228l13.43-13.439l3.89%203.888l-13.43%2013.439z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m29.229%2040.798l14.849-14.85L61.33%2043.203l-14.85%2014.85z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/lipstick.svg?color=%231a73e8&size=48
