line icon
line from Unicons Monochrome by Iconscout · Monochrome · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- line
- Set
- Unicons Monochrome
- Style
- Monochrome
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
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 Iconline-fillRemix IconlineSimple IconslineTabler Iconsline-outlineTeenyiconslineUnicons
More brand logos icons from Unicons Monochrome
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="M18.223 14.278q-.062.09-.136.17l-.004.004a6.4 6.4 0 0 1-.798.796c-2.03 1.876-5.37 4.109-5.81 3.764c-.383-.299.63-1.764-.54-2.007l-.243-.031h-.002c-3.437-.489-6.047-2.893-6.047-5.785c0-3.245 3.285-5.876 7.338-5.876s7.337 2.63 7.337 5.876a5.02 5.02 0 0 1-1.095 3.089" opacity=".5"/><path fill="currentColor" d="M17.907 2H6.093A4.093 4.093 0 0 0 2 6.093v11.814A4.093 4.093 0 0 0 6.093 22h11.814A4.093 4.093 0 0 0 22 17.907V6.093A4.093 4.093 0 0 0 17.907 2m.316 12.278a2 2 0 0 1-.136.17l-.004.004a6.4 6.4 0 0 1-.798.796c-2.03 1.876-5.37 4.109-5.81 3.764c-.383-.299.631-1.764-.54-2.007l-.243-.031h-.002c-3.437-.489-6.047-2.893-6.047-5.785c0-3.245 3.285-5.876 7.338-5.876s7.337 2.63 7.337 5.876a5.02 5.02 0 0 1-1.095 3.089"/><path fill="currentColor" d="M9.203 12.265H8.138V9.842a.384.384 0 0 0-.383-.383h-.032a.384.384 0 0 0-.382.383v2.838c0 .211.171.382.382.383h1.48a.384.384 0 0 0 .383-.383v-.032a.384.384 0 0 0-.383-.383m4.572-2.806h-.032a.384.384 0 0 0-.382.383v1.666l-1.383-1.855a.38.38 0 0 0-.333-.194h-.032a.384.384 0 0 0-.382.383v2.838c0 .211.171.382.382.383h.032a.384.384 0 0 0 .383-.383v-1.697l1.393 1.903l.028.038a.3.3 0 0 0 .15.11a.4.4 0 0 0 .144.029h.032a.4.4 0 0 0 .18-.045a.3.3 0 0 0 .092-.07a.38.38 0 0 0 .111-.268V9.842a.384.384 0 0 0-.383-.383m-3.498 0h.032c.212 0 .383.171.383.383v2.838a.383.383 0 0 1-.383.383h-.032a.383.383 0 0 1-.382-.383V9.842c0-.212.17-.383.382-.383m6.234.007h-1.48a.384.384 0 0 0-.383.383v2.838c0 .21.172.382.383.382h1.48a.384.384 0 0 0 .382-.382v-.032a.384.384 0 0 0-.382-.383h-1.066v-.606h1.066a.384.384 0 0 0 .382-.382v-.032a.384.384 0 0 0-.382-.383h-1.066v-.606h1.066a.384.384 0 0 0 .382-.383v-.03a.384.384 0 0 0-.382-.383z"/></svg>
React
import type { SVGProps } from "react";
export function UimLine(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="M18.223 14.278q-.062.09-.136.17l-.004.004a6.4 6.4 0 0 1-.798.796c-2.03 1.876-5.37 4.109-5.81 3.764c-.383-.299.63-1.764-.54-2.007l-.243-.031h-.002c-3.437-.489-6.047-2.893-6.047-5.785c0-3.245 3.285-5.876 7.338-5.876s7.337 2.63 7.337 5.876a5.02 5.02 0 0 1-1.095 3.089" opacity=".5"/><path fill="currentColor" d="M17.907 2H6.093A4.093 4.093 0 0 0 2 6.093v11.814A4.093 4.093 0 0 0 6.093 22h11.814A4.093 4.093 0 0 0 22 17.907V6.093A4.093 4.093 0 0 0 17.907 2m.316 12.278a2 2 0 0 1-.136.17l-.004.004a6.4 6.4 0 0 1-.798.796c-2.03 1.876-5.37 4.109-5.81 3.764c-.383-.299.631-1.764-.54-2.007l-.243-.031h-.002c-3.437-.489-6.047-2.893-6.047-5.785c0-3.245 3.285-5.876 7.338-5.876s7.337 2.63 7.337 5.876a5.02 5.02 0 0 1-1.095 3.089"/><path fill="currentColor" d="M9.203 12.265H8.138V9.842a.384.384 0 0 0-.383-.383h-.032a.384.384 0 0 0-.382.383v2.838c0 .211.171.382.382.383h1.48a.384.384 0 0 0 .383-.383v-.032a.384.384 0 0 0-.383-.383m4.572-2.806h-.032a.384.384 0 0 0-.382.383v1.666l-1.383-1.855a.38.38 0 0 0-.333-.194h-.032a.384.384 0 0 0-.382.383v2.838c0 .211.171.382.382.383h.032a.384.384 0 0 0 .383-.383v-1.697l1.393 1.903l.028.038a.3.3 0 0 0 .15.11a.4.4 0 0 0 .144.029h.032a.4.4 0 0 0 .18-.045a.3.3 0 0 0 .092-.07a.38.38 0 0 0 .111-.268V9.842a.384.384 0 0 0-.383-.383m-3.498 0h.032c.212 0 .383.171.383.383v2.838a.383.383 0 0 1-.383.383h-.032a.383.383 0 0 1-.382-.383V9.842c0-.212.17-.383.382-.383m6.234.007h-1.48a.384.384 0 0 0-.383.383v2.838c0 .21.172.382.383.382h1.48a.384.384 0 0 0 .382-.382v-.032a.384.384 0 0 0-.382-.383h-1.066v-.606h1.066a.384.384 0 0 0 .382-.382v-.032a.384.384 0 0 0-.382-.383h-1.066v-.606h1.066a.384.384 0 0 0 .382-.383v-.03a.384.384 0 0 0-.382-.383z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.223 14.278q-.062.09-.136.17l-.004.004a6.4 6.4 0 0 1-.798.796c-2.03 1.876-5.37 4.109-5.81 3.764c-.383-.299.63-1.764-.54-2.007l-.243-.031h-.002c-3.437-.489-6.047-2.893-6.047-5.785c0-3.245 3.285-5.876 7.338-5.876s7.337 2.63 7.337 5.876a5.02 5.02 0 0 1-1.095 3.089" opacity=".5"/><path fill="currentColor" d="M17.907 2H6.093A4.093 4.093 0 0 0 2 6.093v11.814A4.093 4.093 0 0 0 6.093 22h11.814A4.093 4.093 0 0 0 22 17.907V6.093A4.093 4.093 0 0 0 17.907 2m.316 12.278a2 2 0 0 1-.136.17l-.004.004a6.4 6.4 0 0 1-.798.796c-2.03 1.876-5.37 4.109-5.81 3.764c-.383-.299.631-1.764-.54-2.007l-.243-.031h-.002c-3.437-.489-6.047-2.893-6.047-5.785c0-3.245 3.285-5.876 7.338-5.876s7.337 2.63 7.337 5.876a5.02 5.02 0 0 1-1.095 3.089"/><path fill="currentColor" d="M9.203 12.265H8.138V9.842a.384.384 0 0 0-.383-.383h-.032a.384.384 0 0 0-.382.383v2.838c0 .211.171.382.382.383h1.48a.384.384 0 0 0 .383-.383v-.032a.384.384 0 0 0-.383-.383m4.572-2.806h-.032a.384.384 0 0 0-.382.383v1.666l-1.383-1.855a.38.38 0 0 0-.333-.194h-.032a.384.384 0 0 0-.382.383v2.838c0 .211.171.382.382.383h.032a.384.384 0 0 0 .383-.383v-1.697l1.393 1.903l.028.038a.3.3 0 0 0 .15.11a.4.4 0 0 0 .144.029h.032a.4.4 0 0 0 .18-.045a.3.3 0 0 0 .092-.07a.38.38 0 0 0 .111-.268V9.842a.384.384 0 0 0-.383-.383m-3.498 0h.032c.212 0 .383.171.383.383v2.838a.383.383 0 0 1-.383.383h-.032a.383.383 0 0 1-.382-.383V9.842c0-.212.17-.383.382-.383m6.234.007h-1.48a.384.384 0 0 0-.383.383v2.838c0 .21.172.382.383.382h1.48a.384.384 0 0 0 .382-.382v-.032a.384.384 0 0 0-.382-.383h-1.066v-.606h1.066a.384.384 0 0 0 .382-.382v-.032a.384.384 0 0 0-.382-.383h-1.066v-.606h1.066a.384.384 0 0 0 .382-.383v-.03a.384.384 0 0 0-.382-.383z"/></svg> </template>
CSS
.icon-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%22M18.223%2014.278q-.062.09-.136.17l-.004.004a6.4%206.4%200%200%201-.798.796c-2.03%201.876-5.37%204.109-5.81%203.764c-.383-.299.63-1.764-.54-2.007l-.243-.031h-.002c-3.437-.489-6.047-2.893-6.047-5.785c0-3.245%203.285-5.876%207.338-5.876s7.337%202.63%207.337%205.876a5.02%205.02%200%200%201-1.095%203.089%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.907%202H6.093A4.093%204.093%200%200%200%202%206.093v11.814A4.093%204.093%200%200%200%206.093%2022h11.814A4.093%204.093%200%200%200%2022%2017.907V6.093A4.093%204.093%200%200%200%2017.907%202m.316%2012.278a2%202%200%200%201-.136.17l-.004.004a6.4%206.4%200%200%201-.798.796c-2.03%201.876-5.37%204.109-5.81%203.764c-.383-.299.631-1.764-.54-2.007l-.243-.031h-.002c-3.437-.489-6.047-2.893-6.047-5.785c0-3.245%203.285-5.876%207.338-5.876s7.337%202.63%207.337%205.876a5.02%205.02%200%200%201-1.095%203.089%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.203%2012.265H8.138V9.842a.384.384%200%200%200-.383-.383h-.032a.384.384%200%200%200-.382.383v2.838c0%20.211.171.382.382.383h1.48a.384.384%200%200%200%20.383-.383v-.032a.384.384%200%200%200-.383-.383m4.572-2.806h-.032a.384.384%200%200%200-.382.383v1.666l-1.383-1.855a.38.38%200%200%200-.333-.194h-.032a.384.384%200%200%200-.382.383v2.838c0%20.211.171.382.382.383h.032a.384.384%200%200%200%20.383-.383v-1.697l1.393%201.903l.028.038a.3.3%200%200%200%20.15.11a.4.4%200%200%200%20.144.029h.032a.4.4%200%200%200%20.18-.045a.3.3%200%200%200%20.092-.07a.38.38%200%200%200%20.111-.268V9.842a.384.384%200%200%200-.383-.383m-3.498%200h.032c.212%200%20.383.171.383.383v2.838a.383.383%200%200%201-.383.383h-.032a.383.383%200%200%201-.382-.383V9.842c0-.212.17-.383.382-.383m6.234.007h-1.48a.384.384%200%200%200-.383.383v2.838c0%20.21.172.382.383.382h1.48a.384.384%200%200%200%20.382-.382v-.032a.384.384%200%200%200-.382-.383h-1.066v-.606h1.066a.384.384%200%200%200%20.382-.382v-.032a.384.384%200%200%200-.382-.383h-1.066v-.606h1.066a.384.384%200%200%200%20.382-.383v-.03a.384.384%200%200%200-.382-.383z%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%22M18.223%2014.278q-.062.09-.136.17l-.004.004a6.4%206.4%200%200%201-.798.796c-2.03%201.876-5.37%204.109-5.81%203.764c-.383-.299.63-1.764-.54-2.007l-.243-.031h-.002c-3.437-.489-6.047-2.893-6.047-5.785c0-3.245%203.285-5.876%207.338-5.876s7.337%202.63%207.337%205.876a5.02%205.02%200%200%201-1.095%203.089%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.907%202H6.093A4.093%204.093%200%200%200%202%206.093v11.814A4.093%204.093%200%200%200%206.093%2022h11.814A4.093%204.093%200%200%200%2022%2017.907V6.093A4.093%204.093%200%200%200%2017.907%202m.316%2012.278a2%202%200%200%201-.136.17l-.004.004a6.4%206.4%200%200%201-.798.796c-2.03%201.876-5.37%204.109-5.81%203.764c-.383-.299.631-1.764-.54-2.007l-.243-.031h-.002c-3.437-.489-6.047-2.893-6.047-5.785c0-3.245%203.285-5.876%207.338-5.876s7.337%202.63%207.337%205.876a5.02%205.02%200%200%201-1.095%203.089%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.203%2012.265H8.138V9.842a.384.384%200%200%200-.383-.383h-.032a.384.384%200%200%200-.382.383v2.838c0%20.211.171.382.382.383h1.48a.384.384%200%200%200%20.383-.383v-.032a.384.384%200%200%200-.383-.383m4.572-2.806h-.032a.384.384%200%200%200-.382.383v1.666l-1.383-1.855a.38.38%200%200%200-.333-.194h-.032a.384.384%200%200%200-.382.383v2.838c0%20.211.171.382.382.383h.032a.384.384%200%200%200%20.383-.383v-1.697l1.393%201.903l.028.038a.3.3%200%200%200%20.15.11a.4.4%200%200%200%20.144.029h.032a.4.4%200%200%200%20.18-.045a.3.3%200%200%200%20.092-.07a.38.38%200%200%200%20.111-.268V9.842a.384.384%200%200%200-.383-.383m-3.498%200h.032c.212%200%20.383.171.383.383v2.838a.383.383%200%200%201-.383.383h-.032a.383.383%200%200%201-.382-.383V9.842c0-.212.17-.383.382-.383m6.234.007h-1.48a.384.384%200%200%200-.383.383v2.838c0%20.21.172.382.383.382h1.48a.384.384%200%200%200%20.382-.382v-.032a.384.384%200%200%200-.382-.383h-1.066v-.606h1.066a.384.384%200%200%200%20.382-.382v-.032a.384.384%200%200%200-.382-.383h-1.066v-.606h1.066a.384.384%200%200%200%20.382-.383v-.03a.384.384%200%200%200-.382-.383z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uim/line.svg?color=%231a73e8&size=48
