line segments icon

line-segments-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: line-segments-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

line-segments line-segments-duotone line-segments-fill line-segments-light line-segments-thin

Related icons in Phosphor

Use the line segments icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M241.47 30.53a36 36 0 0 0-50.92 0a36.06 36.06 0 0 0-1.2 49.66l-23.83 44.26a36.1 36.1 0 0 0-21 3.07l-16-16a36 36 0 0 0-57.94-41a36 36 0 0 0-1.2 49.66L45.5 164.45a36 36 0 0 0-31 10.1a36 36 0 1 0 52.12 1.26l23.83-44.26A35 35 0 0 0 96 132a36.1 36.1 0 0 0 15.51-3.5l16 16a36 36 0 1 0 59.14-8.68l23.85-44.27a36 36 0 0 0 5.5.45a36 36 0 0 0 25.46-61.45Zm-154 57a12 12 0 0 1 17 17a12 12 0 0 1-17-17m-39 121a12 12 0 1 1 0-17a12 12 0 0 1 0 16.97Zm120-40a12 12 0 1 1 0-17a12 12 0 0 1 .02 16.96Zm56-104a12 12 0 1 1 0-17a12 12 0 0 1 .03 16.95Z"/></svg>

React

import type { SVGProps } from "react";

export function PhLineSegmentsBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M241.47 30.53a36 36 0 0 0-50.92 0a36.06 36.06 0 0 0-1.2 49.66l-23.83 44.26a36.1 36.1 0 0 0-21 3.07l-16-16a36 36 0 0 0-57.94-41a36 36 0 0 0-1.2 49.66L45.5 164.45a36 36 0 0 0-31 10.1a36 36 0 1 0 52.12 1.26l23.83-44.26A35 35 0 0 0 96 132a36.1 36.1 0 0 0 15.51-3.5l16 16a36 36 0 1 0 59.14-8.68l23.85-44.27a36 36 0 0 0 5.5.45a36 36 0 0 0 25.46-61.45Zm-154 57a12 12 0 0 1 17 17a12 12 0 0 1-17-17m-39 121a12 12 0 1 1 0-17a12 12 0 0 1 0 16.97Zm120-40a12 12 0 1 1 0-17a12 12 0 0 1 .02 16.96Zm56-104a12 12 0 1 1 0-17a12 12 0 0 1 .03 16.95Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M241.47 30.53a36 36 0 0 0-50.92 0a36.06 36.06 0 0 0-1.2 49.66l-23.83 44.26a36.1 36.1 0 0 0-21 3.07l-16-16a36 36 0 0 0-57.94-41a36 36 0 0 0-1.2 49.66L45.5 164.45a36 36 0 0 0-31 10.1a36 36 0 1 0 52.12 1.26l23.83-44.26A35 35 0 0 0 96 132a36.1 36.1 0 0 0 15.51-3.5l16 16a36 36 0 1 0 59.14-8.68l23.85-44.27a36 36 0 0 0 5.5.45a36 36 0 0 0 25.46-61.45Zm-154 57a12 12 0 0 1 17 17a12 12 0 0 1-17-17m-39 121a12 12 0 1 1 0-17a12 12 0 0 1 0 16.97Zm120-40a12 12 0 1 1 0-17a12 12 0 0 1 .02 16.96Zm56-104a12 12 0 1 1 0-17a12 12 0 0 1 .03 16.95Z"/></svg>
</template>

CSS

.icon-line-segments-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M241.47%2030.53a36%2036%200%200%200-50.92%200a36.06%2036.06%200%200%200-1.2%2049.66l-23.83%2044.26a36.1%2036.1%200%200%200-21%203.07l-16-16a36%2036%200%200%200-57.94-41a36%2036%200%200%200-1.2%2049.66L45.5%20164.45a36%2036%200%200%200-31%2010.1a36%2036%200%201%200%2052.12%201.26l23.83-44.26A35%2035%200%200%200%2096%20132a36.1%2036.1%200%200%200%2015.51-3.5l16%2016a36%2036%200%201%200%2059.14-8.68l23.85-44.27a36%2036%200%200%200%205.5.45a36%2036%200%200%200%2025.46-61.45Zm-154%2057a12%2012%200%200%201%2017%2017a12%2012%200%200%201-17-17m-39%20121a12%2012%200%201%201%200-17a12%2012%200%200%201%200%2016.97Zm120-40a12%2012%200%201%201%200-17a12%2012%200%200%201%20.02%2016.96Zm56-104a12%2012%200%201%201%200-17a12%2012%200%200%201%20.03%2016.95Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M241.47%2030.53a36%2036%200%200%200-50.92%200a36.06%2036.06%200%200%200-1.2%2049.66l-23.83%2044.26a36.1%2036.1%200%200%200-21%203.07l-16-16a36%2036%200%200%200-57.94-41a36%2036%200%200%200-1.2%2049.66L45.5%20164.45a36%2036%200%200%200-31%2010.1a36%2036%200%201%200%2052.12%201.26l23.83-44.26A35%2035%200%200%200%2096%20132a36.1%2036.1%200%200%200%2015.51-3.5l16%2016a36%2036%200%201%200%2059.14-8.68l23.85-44.27a36%2036%200%200%200%205.5.45a36%2036%200%200%200%2025.46-61.45Zm-154%2057a12%2012%200%200%201%2017%2017a12%2012%200%200%201-17-17m-39%20121a12%2012%200%201%201%200-17a12%2012%200%200%201%200%2016.97Zm120-40a12%2012%200%201%201%200-17a12%2012%200%200%201%20.02%2016.96Zm56-104a12%2012%200%201%201%200-17a12%2012%200%200%201%20.03%2016.95Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/line-segments-bold.svg?color=%231a73e8&size=48