lipstick icon
lipstick-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- lipstick-line
- Set
- MingCute Icon
- Style
- Line
- 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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 11H6m4 0V3.444A.444.444 0 0 0 9.556 3A3.556 3.556 0 0 0 6 6.556V11m4 0H6m4 0a1 1 0 0 1 1 1v9H5v-9a1 1 0 0 1 1-1m-1 4h6m9 6v-7a3 3 0 1 0-6 0v7z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteLipstickLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 11H6m4 0V3.444A.444.444 0 0 0 9.556 3A3.556 3.556 0 0 0 6 6.556V11m4 0H6m4 0a1 1 0 0 1 1 1v9H5v-9a1 1 0 0 1 1-1m-1 4h6m9 6v-7a3 3 0 1 0-6 0v7z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 11H6m4 0V3.444A.444.444 0 0 0 9.556 3A3.556 3.556 0 0 0 6 6.556V11m4 0H6m4 0a1 1 0 0 1 1 1v9H5v-9a1 1 0 0 1 1-1m-1 4h6m9 6v-7a3 3 0 1 0-6 0v7z"/></svg> </template>
CSS
.icon-lipstick-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M10%2011H6m4%200V3.444A.444.444%200%200%200%209.556%203A3.556%203.556%200%200%200%206%206.556V11m4%200H6m4%200a1%201%200%200%201%201%201v9H5v-9a1%201%200%200%201%201-1m-1%204h6m9%206v-7a3%203%200%201%200-6%200v7z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M10%2011H6m4%200V3.444A.444.444%200%200%200%209.556%203A3.556%203.556%200%200%200%206%206.556V11m4%200H6m4%200a1%201%200%200%201%201%201v9H5v-9a1%201%200%200%201%201-1m-1%204h6m9%206v-7a3%203%200%201%200-6%200v7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/lipstick-line.svg?color=%231a73e8&size=48
