lipstick icon
lipstick-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- lipstick-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
lipstickEmoji One (Colored)lipstickFluent EmojilipstickFluent Emoji FlatlipstickFluent Emoji High ContrastlipstickFirefox OS EmojilipstickIconParklipstickIconPark OutlinelipstickIconPark SolidlipstickIconPark TwoTonelipstickMaterial Design IconslipstickNoto EmojilipstickOpenMojilipstickStreamline EmojislipstickTwitter Emoji
Use the lipstick icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.556 2C10.353 2 11 2.647 11 3.444v6.824A2 2 0 0 1 12 12v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9a2 2 0 0 1 1-1.732V6.556A4.556 4.556 0 0 1 9.556 2M17 10a4 4 0 0 1 4 4v7a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-7a4 4 0 0 1 4-4M6 13v2h4v-2zm3-8.94a2.56 2.56 0 0 0-2 2.496V10h2z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteLipstickFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.556 2C10.353 2 11 2.647 11 3.444v6.824A2 2 0 0 1 12 12v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9a2 2 0 0 1 1-1.732V6.556A4.556 4.556 0 0 1 9.556 2M17 10a4 4 0 0 1 4 4v7a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-7a4 4 0 0 1 4-4M6 13v2h4v-2zm3-8.94a2.56 2.56 0 0 0-2 2.496V10h2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.556 2C10.353 2 11 2.647 11 3.444v6.824A2 2 0 0 1 12 12v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9a2 2 0 0 1 1-1.732V6.556A4.556 4.556 0 0 1 9.556 2M17 10a4 4 0 0 1 4 4v7a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-7a4 4 0 0 1 4-4M6 13v2h4v-2zm3-8.94a2.56 2.56 0 0 0-2 2.496V10h2z"/></svg> </template>
CSS
.icon-lipstick-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.556%202C10.353%202%2011%202.647%2011%203.444v6.824A2%202%200%200%201%2012%2012v9a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1v-9a2%202%200%200%201%201-1.732V6.556A4.556%204.556%200%200%201%209.556%202M17%2010a4%204%200%200%201%204%204v7a1%201%200%200%201-1%201h-6a1%201%200%200%201-1-1v-7a4%204%200%200%201%204-4M6%2013v2h4v-2zm3-8.94a2.56%202.56%200%200%200-2%202.496V10h2z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.556%202C10.353%202%2011%202.647%2011%203.444v6.824A2%202%200%200%201%2012%2012v9a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1v-9a2%202%200%200%201%201-1.732V6.556A4.556%204.556%200%200%201%209.556%202M17%2010a4%204%200%200%201%204%204v7a1%201%200%200%201-1%201h-6a1%201%200%200%201-1-1v-7a4%204%200%200%201%204-4M6%2013v2h4v-2zm3-8.94a2.56%202.56%200%200%200-2%202.496V10h2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/lipstick-fill.svg?color=%231a73e8&size=48
