Line Icon

Free SVG icon from the IcoFont collection. Download or copy for use in any project.

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Style: Outline
Tags: line

The Line icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/306002.svg" alt="Line icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/306002.svg" alt="Line icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/306002.svg"
  alt="Line icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-line {
  background-image: url('https://proicons.com/icon/306002.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M502 84c136 4 258 44 353 150 104 115 111 270 13 391-97 122-225 208-361 282-11 6-25 14-37 6-15-10-6-27-4-41 12-66 7-73-56-86-86-18-165-49-232-107-151-132-154-337-6-473 92-85 204-119 330-122zm79 365c-2 2-5 3-7 4-26-33-51-66-76-100-8-10-17-18-30-14-14 4-17 16-17 28-1 52-1 103-1 155 1 16 6 31 24 30 18 0 23-14 23-31v-81c33 31 58 64 83 97 8 10 16 19 30 15 14-5 16-16 16-29V368c0-16-4-31-23-30-20 1-21 17-22 32v79zm76-6v79c0 16 6 30 24 31 29 2 58 2 87 0 13-1 22-10 21-24-1-12-10-19-21-20-14-2-29-2-44-2-14 0-21-5-21-21 1-14 8-17 20-17 14 0 27 0 40-1 15-1 26-7 26-24 0-15-12-20-24-22-10-1-21 0-32-1-14 0-30 4-30-20 1-24 19-16 32-18 9-1 19 0 28 0 14-2 26-7 26-24 0-15-11-19-24-22-86-19-108-2-108 86v20zm-439 2v76c0 17 7 32 27 33 27 1 55 1 83-1 12-1 23-9 23-23s-11-20-24-22c-8-1-16-2-24-1-33 6-40-11-38-40 2-31 0-61 0-92 0-18-1-37-24-37-22 1-23 19-23 35v72zm153-5c0 28 0 56 1 84 0 16 7 30 25 28 15-1 22-13 22-28 0-53 0-106-1-159 0-16-7-27-23-27-17 0-23 12-23 27-1 25 0 50-1 75z"/></svg>