line icon
line from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- line
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- 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 IconslineMage Iconsline-fillMingCute Iconline-fillRemix IconlineSimple IconslineTabler Iconsline-outlineTeenyiconslineUniconslineUnicons Monochrome
More other icons from Line Awesome
Use the line icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.625 5C7.09 5 5 7.09 5 9.625v12.75C5 24.91 7.09 27 9.625 27h12.75C24.91 27 27 24.91 27 22.375V9.625C27 7.09 24.91 5 22.375 5zm0 2h12.75A2.62 2.62 0 0 1 25 9.625v12.75A2.62 2.62 0 0 1 22.375 25H9.625A2.62 2.62 0 0 1 7 22.375V9.625A2.62 2.62 0 0 1 9.625 7M16 9.219c-4.016 0-7.281 2.648-7.281 5.906c0 2.922 2.594 5.352 6.094 5.813c.238.05.542.171.624.375c.075.183.055.468.032.656c0 0-.074.515-.094.625c-.031.183-.152.734.625.406s4.191-2.492 5.719-4.25c1.054-1.156 1.562-2.32 1.562-3.625c0-3.258-3.265-5.906-7.281-5.906m-4.281 4.187a.37.37 0 0 1 .375.375v2.5h1.062c.211 0 .375.196.375.407a.37.37 0 0 1-.375.375H11.72c-.211 0-.406-.165-.406-.375V13.78c0-.21.195-.375.406-.375zm2.562 0a.37.37 0 0 1 .375.375v2.906a.37.37 0 0 1-.375.375c-.21 0-.406-.164-.406-.375v-2.906c0-.21.195-.375.406-.375m1.188 0c.039-.011.086 0 .125 0a.34.34 0 0 1 .281.156l1.5 2v-1.78a.37.37 0 0 1 .375-.376a.37.37 0 0 1 .375.375v2.906a.35.35 0 0 1-.25.344c-.04.012-.086.032-.125.032a.4.4 0 0 1-.313-.157l-1.468-2.031v1.813a.37.37 0 0 1-.375.375c-.211 0-.406-.165-.406-.375V13.78c0-.164.124-.324.28-.375zm3.562 0h1.438a.37.37 0 0 1 .375.375a.37.37 0 0 1-.375.375h-1.063v.688h1.063a.37.37 0 0 1 .375.375c0 .21-.164.406-.375.406h-1.063v.656h1.063c.21 0 .375.196.375.407a.37.37 0 0 1-.375.375H19.03a.37.37 0 0 1-.375-.375V13.78a.37.37 0 0 1 .375-.375z"/></svg>
React
import type { SVGProps } from "react";
export function LaLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.625 5C7.09 5 5 7.09 5 9.625v12.75C5 24.91 7.09 27 9.625 27h12.75C24.91 27 27 24.91 27 22.375V9.625C27 7.09 24.91 5 22.375 5zm0 2h12.75A2.62 2.62 0 0 1 25 9.625v12.75A2.62 2.62 0 0 1 22.375 25H9.625A2.62 2.62 0 0 1 7 22.375V9.625A2.62 2.62 0 0 1 9.625 7M16 9.219c-4.016 0-7.281 2.648-7.281 5.906c0 2.922 2.594 5.352 6.094 5.813c.238.05.542.171.624.375c.075.183.055.468.032.656c0 0-.074.515-.094.625c-.031.183-.152.734.625.406s4.191-2.492 5.719-4.25c1.054-1.156 1.562-2.32 1.562-3.625c0-3.258-3.265-5.906-7.281-5.906m-4.281 4.187a.37.37 0 0 1 .375.375v2.5h1.062c.211 0 .375.196.375.407a.37.37 0 0 1-.375.375H11.72c-.211 0-.406-.165-.406-.375V13.78c0-.21.195-.375.406-.375zm2.562 0a.37.37 0 0 1 .375.375v2.906a.37.37 0 0 1-.375.375c-.21 0-.406-.164-.406-.375v-2.906c0-.21.195-.375.406-.375m1.188 0c.039-.011.086 0 .125 0a.34.34 0 0 1 .281.156l1.5 2v-1.78a.37.37 0 0 1 .375-.376a.37.37 0 0 1 .375.375v2.906a.35.35 0 0 1-.25.344c-.04.012-.086.032-.125.032a.4.4 0 0 1-.313-.157l-1.468-2.031v1.813a.37.37 0 0 1-.375.375c-.211 0-.406-.165-.406-.375V13.78c0-.164.124-.324.28-.375zm3.562 0h1.438a.37.37 0 0 1 .375.375a.37.37 0 0 1-.375.375h-1.063v.688h1.063a.37.37 0 0 1 .375.375c0 .21-.164.406-.375.406h-1.063v.656h1.063c.21 0 .375.196.375.407a.37.37 0 0 1-.375.375H19.03a.37.37 0 0 1-.375-.375V13.78a.37.37 0 0 1 .375-.375z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.625 5C7.09 5 5 7.09 5 9.625v12.75C5 24.91 7.09 27 9.625 27h12.75C24.91 27 27 24.91 27 22.375V9.625C27 7.09 24.91 5 22.375 5zm0 2h12.75A2.62 2.62 0 0 1 25 9.625v12.75A2.62 2.62 0 0 1 22.375 25H9.625A2.62 2.62 0 0 1 7 22.375V9.625A2.62 2.62 0 0 1 9.625 7M16 9.219c-4.016 0-7.281 2.648-7.281 5.906c0 2.922 2.594 5.352 6.094 5.813c.238.05.542.171.624.375c.075.183.055.468.032.656c0 0-.074.515-.094.625c-.031.183-.152.734.625.406s4.191-2.492 5.719-4.25c1.054-1.156 1.562-2.32 1.562-3.625c0-3.258-3.265-5.906-7.281-5.906m-4.281 4.187a.37.37 0 0 1 .375.375v2.5h1.062c.211 0 .375.196.375.407a.37.37 0 0 1-.375.375H11.72c-.211 0-.406-.165-.406-.375V13.78c0-.21.195-.375.406-.375zm2.562 0a.37.37 0 0 1 .375.375v2.906a.37.37 0 0 1-.375.375c-.21 0-.406-.164-.406-.375v-2.906c0-.21.195-.375.406-.375m1.188 0c.039-.011.086 0 .125 0a.34.34 0 0 1 .281.156l1.5 2v-1.78a.37.37 0 0 1 .375-.376a.37.37 0 0 1 .375.375v2.906a.35.35 0 0 1-.25.344c-.04.012-.086.032-.125.032a.4.4 0 0 1-.313-.157l-1.468-2.031v1.813a.37.37 0 0 1-.375.375c-.211 0-.406-.165-.406-.375V13.78c0-.164.124-.324.28-.375zm3.562 0h1.438a.37.37 0 0 1 .375.375a.37.37 0 0 1-.375.375h-1.063v.688h1.063a.37.37 0 0 1 .375.375c0 .21-.164.406-.375.406h-1.063v.656h1.063c.21 0 .375.196.375.407a.37.37 0 0 1-.375.375H19.03a.37.37 0 0 1-.375-.375V13.78a.37.37 0 0 1 .375-.375z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.625%205C7.09%205%205%207.09%205%209.625v12.75C5%2024.91%207.09%2027%209.625%2027h12.75C24.91%2027%2027%2024.91%2027%2022.375V9.625C27%207.09%2024.91%205%2022.375%205zm0%202h12.75A2.62%202.62%200%200%201%2025%209.625v12.75A2.62%202.62%200%200%201%2022.375%2025H9.625A2.62%202.62%200%200%201%207%2022.375V9.625A2.62%202.62%200%200%201%209.625%207M16%209.219c-4.016%200-7.281%202.648-7.281%205.906c0%202.922%202.594%205.352%206.094%205.813c.238.05.542.171.624.375c.075.183.055.468.032.656c0%200-.074.515-.094.625c-.031.183-.152.734.625.406s4.191-2.492%205.719-4.25c1.054-1.156%201.562-2.32%201.562-3.625c0-3.258-3.265-5.906-7.281-5.906m-4.281%204.187a.37.37%200%200%201%20.375.375v2.5h1.062c.211%200%20.375.196.375.407a.37.37%200%200%201-.375.375H11.72c-.211%200-.406-.165-.406-.375V13.78c0-.21.195-.375.406-.375zm2.562%200a.37.37%200%200%201%20.375.375v2.906a.37.37%200%200%201-.375.375c-.21%200-.406-.164-.406-.375v-2.906c0-.21.195-.375.406-.375m1.188%200c.039-.011.086%200%20.125%200a.34.34%200%200%201%20.281.156l1.5%202v-1.78a.37.37%200%200%201%20.375-.376a.37.37%200%200%201%20.375.375v2.906a.35.35%200%200%201-.25.344c-.04.012-.086.032-.125.032a.4.4%200%200%201-.313-.157l-1.468-2.031v1.813a.37.37%200%200%201-.375.375c-.211%200-.406-.165-.406-.375V13.78c0-.164.124-.324.28-.375zm3.562%200h1.438a.37.37%200%200%201%20.375.375a.37.37%200%200%201-.375.375h-1.063v.688h1.063a.37.37%200%200%201%20.375.375c0%20.21-.164.406-.375.406h-1.063v.656h1.063c.21%200%20.375.196.375.407a.37.37%200%200%201-.375.375H19.03a.37.37%200%200%201-.375-.375V13.78a.37.37%200%200%201%20.375-.375z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.625%205C7.09%205%205%207.09%205%209.625v12.75C5%2024.91%207.09%2027%209.625%2027h12.75C24.91%2027%2027%2024.91%2027%2022.375V9.625C27%207.09%2024.91%205%2022.375%205zm0%202h12.75A2.62%202.62%200%200%201%2025%209.625v12.75A2.62%202.62%200%200%201%2022.375%2025H9.625A2.62%202.62%200%200%201%207%2022.375V9.625A2.62%202.62%200%200%201%209.625%207M16%209.219c-4.016%200-7.281%202.648-7.281%205.906c0%202.922%202.594%205.352%206.094%205.813c.238.05.542.171.624.375c.075.183.055.468.032.656c0%200-.074.515-.094.625c-.031.183-.152.734.625.406s4.191-2.492%205.719-4.25c1.054-1.156%201.562-2.32%201.562-3.625c0-3.258-3.265-5.906-7.281-5.906m-4.281%204.187a.37.37%200%200%201%20.375.375v2.5h1.062c.211%200%20.375.196.375.407a.37.37%200%200%201-.375.375H11.72c-.211%200-.406-.165-.406-.375V13.78c0-.21.195-.375.406-.375zm2.562%200a.37.37%200%200%201%20.375.375v2.906a.37.37%200%200%201-.375.375c-.21%200-.406-.164-.406-.375v-2.906c0-.21.195-.375.406-.375m1.188%200c.039-.011.086%200%20.125%200a.34.34%200%200%201%20.281.156l1.5%202v-1.78a.37.37%200%200%201%20.375-.376a.37.37%200%200%201%20.375.375v2.906a.35.35%200%200%201-.25.344c-.04.012-.086.032-.125.032a.4.4%200%200%201-.313-.157l-1.468-2.031v1.813a.37.37%200%200%201-.375.375c-.211%200-.406-.165-.406-.375V13.78c0-.164.124-.324.28-.375zm3.562%200h1.438a.37.37%200%200%201%20.375.375a.37.37%200%200%201-.375.375h-1.063v.688h1.063a.37.37%200%200%201%20.375.375c0%20.21-.164.406-.375.406h-1.063v.656h1.063c.21%200%20.375.196.375.407a.37.37%200%200%201-.375.375H19.03a.37.37%200%200%201-.375-.375V13.78a.37.37%200%200%201%20.375-.375z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/line.svg?color=%231a73e8&size=48
