line logo
line from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- line
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo 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 IconlineTabler Iconsline-outlineTeenyiconslineUniconslineUnicons Monochrome
Use the line logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.365 9.863a.631.631 0 0 1 0 1.261H17.61v1.125h1.755a.63.63 0 1 1 0 1.259h-2.386a.63.63 0 0 1-.627-.629V8.108c0-.345.282-.63.63-.63h2.386a.63.63 0 0 1-.003 1.26H17.61v1.125zm-3.855 3.016a.63.63 0 0 1-.631.627a.62.62 0 0 1-.51-.25l-2.443-3.317v2.94a.63.63 0 0 1-1.257 0V8.108a.627.627 0 0 1 .624-.628c.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63c.345 0 .63.285.63.63zm-5.741 0a.63.63 0 0 1-.631.629a.63.63 0 0 1-.627-.629V8.108c0-.345.282-.63.63-.63c.346 0 .628.285.628.63zm-2.466.629H4.917a.634.634 0 0 1-.63-.629V8.108c0-.345.285-.63.63-.63c.348 0 .63.285.63.63v4.141h1.756a.63.63 0 0 1 0 1.259M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608c.391.082.923.258 1.058.59c.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645c1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsLine(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="M19.365 9.863a.631.631 0 0 1 0 1.261H17.61v1.125h1.755a.63.63 0 1 1 0 1.259h-2.386a.63.63 0 0 1-.627-.629V8.108c0-.345.282-.63.63-.63h2.386a.63.63 0 0 1-.003 1.26H17.61v1.125zm-3.855 3.016a.63.63 0 0 1-.631.627a.62.62 0 0 1-.51-.25l-2.443-3.317v2.94a.63.63 0 0 1-1.257 0V8.108a.627.627 0 0 1 .624-.628c.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63c.345 0 .63.285.63.63zm-5.741 0a.63.63 0 0 1-.631.629a.63.63 0 0 1-.627-.629V8.108c0-.345.282-.63.63-.63c.346 0 .628.285.628.63zm-2.466.629H4.917a.634.634 0 0 1-.63-.629V8.108c0-.345.285-.63.63-.63c.348 0 .63.285.63.63v4.141h1.756a.63.63 0 0 1 0 1.259M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608c.391.082.923.258 1.058.59c.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645c1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.365 9.863a.631.631 0 0 1 0 1.261H17.61v1.125h1.755a.63.63 0 1 1 0 1.259h-2.386a.63.63 0 0 1-.627-.629V8.108c0-.345.282-.63.63-.63h2.386a.63.63 0 0 1-.003 1.26H17.61v1.125zm-3.855 3.016a.63.63 0 0 1-.631.627a.62.62 0 0 1-.51-.25l-2.443-3.317v2.94a.63.63 0 0 1-1.257 0V8.108a.627.627 0 0 1 .624-.628c.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63c.345 0 .63.285.63.63zm-5.741 0a.63.63 0 0 1-.631.629a.63.63 0 0 1-.627-.629V8.108c0-.345.282-.63.63-.63c.346 0 .628.285.628.63zm-2.466.629H4.917a.634.634 0 0 1-.63-.629V8.108c0-.345.285-.63.63-.63c.348 0 .63.285.63.63v4.141h1.756a.63.63 0 0 1 0 1.259M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608c.391.082.923.258 1.058.59c.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645c1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></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%22M19.365%209.863a.631.631%200%200%201%200%201.261H17.61v1.125h1.755a.63.63%200%201%201%200%201.259h-2.386a.63.63%200%200%201-.627-.629V8.108c0-.345.282-.63.63-.63h2.386a.63.63%200%200%201-.003%201.26H17.61v1.125zm-3.855%203.016a.63.63%200%200%201-.631.627a.62.62%200%200%201-.51-.25l-2.443-3.317v2.94a.63.63%200%200%201-1.257%200V8.108a.627.627%200%200%201%20.624-.628c.195%200%20.375.104.495.254l2.462%203.33V8.108c0-.345.282-.63.63-.63c.345%200%20.63.285.63.63zm-5.741%200a.63.63%200%200%201-.631.629a.63.63%200%200%201-.627-.629V8.108c0-.345.282-.63.63-.63c.346%200%20.628.285.628.63zm-2.466.629H4.917a.634.634%200%200%201-.63-.629V8.108c0-.345.285-.63.63-.63c.348%200%20.63.285.63.63v4.141h1.756a.63.63%200%200%201%200%201.259M24%2010.314C24%204.943%2018.615.572%2012%20.572S0%204.943%200%2010.314c0%204.811%204.27%208.842%2010.035%209.608c.391.082.923.258%201.058.59c.12.301.079.766.038%201.08l-.164%201.02c-.045.301-.24%201.186%201.049.645c1.291-.539%206.916-4.078%209.436-6.975C23.176%2014.393%2024%2012.458%2024%2010.314%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%22M19.365%209.863a.631.631%200%200%201%200%201.261H17.61v1.125h1.755a.63.63%200%201%201%200%201.259h-2.386a.63.63%200%200%201-.627-.629V8.108c0-.345.282-.63.63-.63h2.386a.63.63%200%200%201-.003%201.26H17.61v1.125zm-3.855%203.016a.63.63%200%200%201-.631.627a.62.62%200%200%201-.51-.25l-2.443-3.317v2.94a.63.63%200%200%201-1.257%200V8.108a.627.627%200%200%201%20.624-.628c.195%200%20.375.104.495.254l2.462%203.33V8.108c0-.345.282-.63.63-.63c.345%200%20.63.285.63.63zm-5.741%200a.63.63%200%200%201-.631.629a.63.63%200%200%201-.627-.629V8.108c0-.345.282-.63.63-.63c.346%200%20.628.285.628.63zm-2.466.629H4.917a.634.634%200%200%201-.63-.629V8.108c0-.345.285-.63.63-.63c.348%200%20.63.285.63.63v4.141h1.756a.63.63%200%200%201%200%201.259M24%2010.314C24%204.943%2018.615.572%2012%20.572S0%204.943%200%2010.314c0%204.811%204.27%208.842%2010.035%209.608c.391.082.923.258%201.058.59c.12.301.079.766.038%201.08l-.164%201.02c-.045.301-.24%201.186%201.049.645c1.291-.539%206.916-4.078%209.436-6.975C23.176%2014.393%2024%2012.458%2024%2010.314%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/line.svg?color=%231a73e8&size=48
