indent increase icon
indent-increase-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- indent-increase-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
Related icons in MingCute Icon
Use the indent increase 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-width="2" d="M4 4h16m-9 5h9m-9 5h9M4 19h16"/><path fill="currentColor" d="M3.643 9.173c-.258-.132-.556.062-.583.379c-.047.537-.1 1.39-.1 2.455c0 1.106.057 1.983.105 2.516c.026.296.298.461.552.332c.431-.22 1.12-.596 1.965-1.145a23 23 0 0 0 1.865-1.343c.226-.182.235-.53.02-.703a23 23 0 0 0-1.884-1.362a22 22 0 0 0-1.94-1.13"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteIndentIncreaseLine(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" strokeWidth="2" d="M4 4h16m-9 5h9m-9 5h9M4 19h16"/><path fill="currentColor" d="M3.643 9.173c-.258-.132-.556.062-.583.379c-.047.537-.1 1.39-.1 2.455c0 1.106.057 1.983.105 2.516c.026.296.298.461.552.332c.431-.22 1.12-.596 1.965-1.145a23 23 0 0 0 1.865-1.343c.226-.182.235-.53.02-.703a23 23 0 0 0-1.884-1.362a22 22 0 0 0-1.94-1.13"/></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-width="2" d="M4 4h16m-9 5h9m-9 5h9M4 19h16"/><path fill="currentColor" d="M3.643 9.173c-.258-.132-.556.062-.583.379c-.047.537-.1 1.39-.1 2.455c0 1.106.057 1.983.105 2.516c.026.296.298.461.552.332c.431-.22 1.12-.596 1.965-1.145a23 23 0 0 0 1.865-1.343c.226-.182.235-.53.02-.703a23 23 0 0 0-1.884-1.362a22 22 0 0 0-1.94-1.13"/></svg> </template>
CSS
.icon-indent-increase-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-width%3D%222%22%20d%3D%22M4%204h16m-9%205h9m-9%205h9M4%2019h16%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.643%209.173c-.258-.132-.556.062-.583.379c-.047.537-.1%201.39-.1%202.455c0%201.106.057%201.983.105%202.516c.026.296.298.461.552.332c.431-.22%201.12-.596%201.965-1.145a23%2023%200%200%200%201.865-1.343c.226-.182.235-.53.02-.703a23%2023%200%200%200-1.884-1.362a22%2022%200%200%200-1.94-1.13%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-width%3D%222%22%20d%3D%22M4%204h16m-9%205h9m-9%205h9M4%2019h16%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.643%209.173c-.258-.132-.556.062-.583.379c-.047.537-.1%201.39-.1%202.455c0%201.106.057%201.983.105%202.516c.026.296.298.461.552.332c.431-.22%201.12-.596%201.965-1.145a23%2023%200%200%200%201.865-1.343c.226-.182.235-.53.02-.703a23%2023%200%200%200-1.884-1.362a22%2022%200%200%200-1.94-1.13%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/indent-increase-line.svg?color=%231a73e8&size=48
