lotus icon
lotus-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- lotus-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
Use the lotus 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-width="2" d="M15 11.159c2.067-1.48 4.255-1.888 4.743-1.401c.589.589-.132 3.667-2.475 6.01c-1.388 1.388-3.034 2.207-4.268 2.521m-4-7.13C6.932 9.679 4.744 9.27 4.257 9.758c-.589.589.132 3.667 2.475 6.01C8.12 17.156 9.766 17.975 11 18.289m-5-3.058c-1.766.412-3 1.274-3 1.769c0 .667 2.239 2 5 2c1.636 0 3.088-.468 4-.988c.912.52 2.364.988 4 .988c2.761 0 5-1.333 5-2c0-.495-1.234-1.357-3-1.769M15 11.5c0 3.59-2 6.5-3 6.5s-3-2.91-3-6.5S11 5 12 5s3 2.91 3 6.5Z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteLotusLine(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" strokeWidth="2" d="M15 11.159c2.067-1.48 4.255-1.888 4.743-1.401c.589.589-.132 3.667-2.475 6.01c-1.388 1.388-3.034 2.207-4.268 2.521m-4-7.13C6.932 9.679 4.744 9.27 4.257 9.758c-.589.589.132 3.667 2.475 6.01C8.12 17.156 9.766 17.975 11 18.289m-5-3.058c-1.766.412-3 1.274-3 1.769c0 .667 2.239 2 5 2c1.636 0 3.088-.468 4-.988c.912.52 2.364.988 4 .988c2.761 0 5-1.333 5-2c0-.495-1.234-1.357-3-1.769M15 11.5c0 3.59-2 6.5-3 6.5s-3-2.91-3-6.5S11 5 12 5s3 2.91 3 6.5Z"/></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-width="2" d="M15 11.159c2.067-1.48 4.255-1.888 4.743-1.401c.589.589-.132 3.667-2.475 6.01c-1.388 1.388-3.034 2.207-4.268 2.521m-4-7.13C6.932 9.679 4.744 9.27 4.257 9.758c-.589.589.132 3.667 2.475 6.01C8.12 17.156 9.766 17.975 11 18.289m-5-3.058c-1.766.412-3 1.274-3 1.769c0 .667 2.239 2 5 2c1.636 0 3.088-.468 4-.988c.912.52 2.364.988 4 .988c2.761 0 5-1.333 5-2c0-.495-1.234-1.357-3-1.769M15 11.5c0 3.59-2 6.5-3 6.5s-3-2.91-3-6.5S11 5 12 5s3 2.91 3 6.5Z"/></svg> </template>
CSS
.icon-lotus-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-width%3D%222%22%20d%3D%22M15%2011.159c2.067-1.48%204.255-1.888%204.743-1.401c.589.589-.132%203.667-2.475%206.01c-1.388%201.388-3.034%202.207-4.268%202.521m-4-7.13C6.932%209.679%204.744%209.27%204.257%209.758c-.589.589.132%203.667%202.475%206.01C8.12%2017.156%209.766%2017.975%2011%2018.289m-5-3.058c-1.766.412-3%201.274-3%201.769c0%20.667%202.239%202%205%202c1.636%200%203.088-.468%204-.988c.912.52%202.364.988%204%20.988c2.761%200%205-1.333%205-2c0-.495-1.234-1.357-3-1.769M15%2011.5c0%203.59-2%206.5-3%206.5s-3-2.91-3-6.5S11%205%2012%205s3%202.91%203%206.5Z%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-width%3D%222%22%20d%3D%22M15%2011.159c2.067-1.48%204.255-1.888%204.743-1.401c.589.589-.132%203.667-2.475%206.01c-1.388%201.388-3.034%202.207-4.268%202.521m-4-7.13C6.932%209.679%204.744%209.27%204.257%209.758c-.589.589.132%203.667%202.475%206.01C8.12%2017.156%209.766%2017.975%2011%2018.289m-5-3.058c-1.766.412-3%201.274-3%201.769c0%20.667%202.239%202%205%202c1.636%200%203.088-.468%204-.988c.912.52%202.364.988%204%20.988c2.761%200%205-1.333%205-2c0-.495-1.234-1.357-3-1.769M15%2011.5c0%203.59-2%206.5-3%206.5s-3-2.91-3-6.5S11%205%2012%205s3%202.91%203%206.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/lotus-line.svg?color=%231a73e8&size=48
