line icon
line-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- line-line
- Set
- Remix Icon
- Style
- Line
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
line-outlinedAnt Design IconslineBootstrap IconslineCoreUI BrandslineFont Awesome 6 BrandslineFont Awesome Brandsline-20-filledFluent UI System IconslineHuge IconslineJam IconslineLine AwesomelineMage Iconsline-fillMingCute IconlineSimple IconslineTabler Iconsline-outlineTeenyiconslineUniconslineUnicons Monochrome
More logos icons from Remix Icon
Use the line icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.001 10.69c0 1.787-.687 3.4-2.123 4.974c-2.1 2.414-6.788 5.363-7.864 5.812c-1.074.451-.911-.287-.874-.537l.137-.85c.034-.262.068-.65-.032-.9c-.112-.277-.556-.424-.881-.492C5.559 18.059 2 14.7 2 10.69c0-4.475 4.487-8.118 10-8.118s10 3.643 10 8.118m-3.6 3.626c1.113-1.22 1.6-2.362 1.6-3.626c0-3.268-3.51-6.118-8-6.118s-8 2.85-8 6.118c0 2.905 2.728 5.507 6.626 6.024l.147.026c1.079.226 1.884.614 2.329 1.708l.037.096c1.805-1.176 4.173-2.979 5.26-4.228m-.262-4.001a.526.526 0 0 1 0 1.05h-1.463v.938h1.463a.525.525 0 1 1 0 1.049H16.15a.526.526 0 0 1-.522-.524V8.852c0-.287.235-.525.525-.525h1.988a.526.526 0 0 1-.002 1.05h-1.463v.938zm-3.213 2.513a.524.524 0 0 1-.526.522a.52.52 0 0 1-.425-.208l-2.036-2.764v2.45a.525.525 0 0 1-1.047 0V8.852a.52.52 0 0 1 .52-.523c.162 0 .312.086.412.211l2.052 2.775V8.852c0-.287.235-.525.525-.525c.287 0 .525.238.525.525zm-4.784 0a.527.527 0 0 1-.526.524a.526.526 0 0 1-.523-.524V8.852c0-.287.235-.525.525-.525c.289 0 .524.238.524.525zm-2.055.524H6.098a.53.53 0 0 1-.525-.524V8.852c0-.287.238-.525.525-.525c.29 0 .525.238.525.525v3.45h1.464a.525.525 0 0 1 0 1.05"/></svg>
React
import type { SVGProps } from "react";
export function RiLineLine(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="M22.001 10.69c0 1.787-.687 3.4-2.123 4.974c-2.1 2.414-6.788 5.363-7.864 5.812c-1.074.451-.911-.287-.874-.537l.137-.85c.034-.262.068-.65-.032-.9c-.112-.277-.556-.424-.881-.492C5.559 18.059 2 14.7 2 10.69c0-4.475 4.487-8.118 10-8.118s10 3.643 10 8.118m-3.6 3.626c1.113-1.22 1.6-2.362 1.6-3.626c0-3.268-3.51-6.118-8-6.118s-8 2.85-8 6.118c0 2.905 2.728 5.507 6.626 6.024l.147.026c1.079.226 1.884.614 2.329 1.708l.037.096c1.805-1.176 4.173-2.979 5.26-4.228m-.262-4.001a.526.526 0 0 1 0 1.05h-1.463v.938h1.463a.525.525 0 1 1 0 1.049H16.15a.526.526 0 0 1-.522-.524V8.852c0-.287.235-.525.525-.525h1.988a.526.526 0 0 1-.002 1.05h-1.463v.938zm-3.213 2.513a.524.524 0 0 1-.526.522a.52.52 0 0 1-.425-.208l-2.036-2.764v2.45a.525.525 0 0 1-1.047 0V8.852a.52.52 0 0 1 .52-.523c.162 0 .312.086.412.211l2.052 2.775V8.852c0-.287.235-.525.525-.525c.287 0 .525.238.525.525zm-4.784 0a.527.527 0 0 1-.526.524a.526.526 0 0 1-.523-.524V8.852c0-.287.235-.525.525-.525c.289 0 .524.238.524.525zm-2.055.524H6.098a.53.53 0 0 1-.525-.524V8.852c0-.287.238-.525.525-.525c.29 0 .525.238.525.525v3.45h1.464a.525.525 0 0 1 0 1.05"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.001 10.69c0 1.787-.687 3.4-2.123 4.974c-2.1 2.414-6.788 5.363-7.864 5.812c-1.074.451-.911-.287-.874-.537l.137-.85c.034-.262.068-.65-.032-.9c-.112-.277-.556-.424-.881-.492C5.559 18.059 2 14.7 2 10.69c0-4.475 4.487-8.118 10-8.118s10 3.643 10 8.118m-3.6 3.626c1.113-1.22 1.6-2.362 1.6-3.626c0-3.268-3.51-6.118-8-6.118s-8 2.85-8 6.118c0 2.905 2.728 5.507 6.626 6.024l.147.026c1.079.226 1.884.614 2.329 1.708l.037.096c1.805-1.176 4.173-2.979 5.26-4.228m-.262-4.001a.526.526 0 0 1 0 1.05h-1.463v.938h1.463a.525.525 0 1 1 0 1.049H16.15a.526.526 0 0 1-.522-.524V8.852c0-.287.235-.525.525-.525h1.988a.526.526 0 0 1-.002 1.05h-1.463v.938zm-3.213 2.513a.524.524 0 0 1-.526.522a.52.52 0 0 1-.425-.208l-2.036-2.764v2.45a.525.525 0 0 1-1.047 0V8.852a.52.52 0 0 1 .52-.523c.162 0 .312.086.412.211l2.052 2.775V8.852c0-.287.235-.525.525-.525c.287 0 .525.238.525.525zm-4.784 0a.527.527 0 0 1-.526.524a.526.526 0 0 1-.523-.524V8.852c0-.287.235-.525.525-.525c.289 0 .524.238.524.525zm-2.055.524H6.098a.53.53 0 0 1-.525-.524V8.852c0-.287.238-.525.525-.525c.29 0 .525.238.525.525v3.45h1.464a.525.525 0 0 1 0 1.05"/></svg> </template>
CSS
.icon-line-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%22currentColor%22%20d%3D%22M22.001%2010.69c0%201.787-.687%203.4-2.123%204.974c-2.1%202.414-6.788%205.363-7.864%205.812c-1.074.451-.911-.287-.874-.537l.137-.85c.034-.262.068-.65-.032-.9c-.112-.277-.556-.424-.881-.492C5.559%2018.059%202%2014.7%202%2010.69c0-4.475%204.487-8.118%2010-8.118s10%203.643%2010%208.118m-3.6%203.626c1.113-1.22%201.6-2.362%201.6-3.626c0-3.268-3.51-6.118-8-6.118s-8%202.85-8%206.118c0%202.905%202.728%205.507%206.626%206.024l.147.026c1.079.226%201.884.614%202.329%201.708l.037.096c1.805-1.176%204.173-2.979%205.26-4.228m-.262-4.001a.526.526%200%200%201%200%201.05h-1.463v.938h1.463a.525.525%200%201%201%200%201.049H16.15a.526.526%200%200%201-.522-.524V8.852c0-.287.235-.525.525-.525h1.988a.526.526%200%200%201-.002%201.05h-1.463v.938zm-3.213%202.513a.524.524%200%200%201-.526.522a.52.52%200%200%201-.425-.208l-2.036-2.764v2.45a.525.525%200%200%201-1.047%200V8.852a.52.52%200%200%201%20.52-.523c.162%200%20.312.086.412.211l2.052%202.775V8.852c0-.287.235-.525.525-.525c.287%200%20.525.238.525.525zm-4.784%200a.527.527%200%200%201-.526.524a.526.526%200%200%201-.523-.524V8.852c0-.287.235-.525.525-.525c.289%200%20.524.238.524.525zm-2.055.524H6.098a.53.53%200%200%201-.525-.524V8.852c0-.287.238-.525.525-.525c.29%200%20.525.238.525.525v3.45h1.464a.525.525%200%200%201%200%201.05%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%22M22.001%2010.69c0%201.787-.687%203.4-2.123%204.974c-2.1%202.414-6.788%205.363-7.864%205.812c-1.074.451-.911-.287-.874-.537l.137-.85c.034-.262.068-.65-.032-.9c-.112-.277-.556-.424-.881-.492C5.559%2018.059%202%2014.7%202%2010.69c0-4.475%204.487-8.118%2010-8.118s10%203.643%2010%208.118m-3.6%203.626c1.113-1.22%201.6-2.362%201.6-3.626c0-3.268-3.51-6.118-8-6.118s-8%202.85-8%206.118c0%202.905%202.728%205.507%206.626%206.024l.147.026c1.079.226%201.884.614%202.329%201.708l.037.096c1.805-1.176%204.173-2.979%205.26-4.228m-.262-4.001a.526.526%200%200%201%200%201.05h-1.463v.938h1.463a.525.525%200%201%201%200%201.049H16.15a.526.526%200%200%201-.522-.524V8.852c0-.287.235-.525.525-.525h1.988a.526.526%200%200%201-.002%201.05h-1.463v.938zm-3.213%202.513a.524.524%200%200%201-.526.522a.52.52%200%200%201-.425-.208l-2.036-2.764v2.45a.525.525%200%200%201-1.047%200V8.852a.52.52%200%200%201%20.52-.523c.162%200%20.312.086.412.211l2.052%202.775V8.852c0-.287.235-.525.525-.525c.287%200%20.525.238.525.525zm-4.784%200a.527.527%200%200%201-.526.524a.526.526%200%200%201-.523-.524V8.852c0-.287.235-.525.525-.525c.289%200%20.524.238.524.525zm-2.055.524H6.098a.53.53%200%200%201-.525-.524V8.852c0-.287.238-.525.525-.525c.29%200%20.525.238.525.525v3.45h1.464a.525.525%200%200%201%200%201.05%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/line-line.svg?color=%231a73e8&size=48
