list 1 2 icon

list-1-2 from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: list-1-2
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

Related icons in Font Awesome Solid

list-alt list-check list-dots list-numeric list-ol list-squares list-ul

Use the list 1 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 136c0-13.2 10.7-24 24-24h48c13.3 0 24 10.7 24 24v104h24c13.3 0 24 10.7 24 24s-10.7 24-24 24H88c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-80H88c-13.3 0-24-10.7-24-24m30.4 229.2c11.4-8.6 25.3-13.2 39.6-13.2h4.9c33.7 0 61.1 27.4 61.1 61.1c0 19.6-9.4 37.9-25.2 49.4l-24 17.5H184c13.3 0 24 10.7 24 24s-10.7 24-24 24H93.3C77.1 528 64 514.9 64 498.7c0-9.4 4.5-18.2 12.1-23.7l70.5-51.3c3.4-2.5 5.4-6.4 5.4-10.6c0-7.2-5.9-13.1-13.1-13.1H134c-3.9 0-7.7 1.3-10.8 3.6l-20.8 15.6c-10.6 8-25.6 5.8-33.6-4.8s-5.8-25.6 4.8-33.6zM288 128h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32m0 160h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32m0 160h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidList12(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 136c0-13.2 10.7-24 24-24h48c13.3 0 24 10.7 24 24v104h24c13.3 0 24 10.7 24 24s-10.7 24-24 24H88c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-80H88c-13.3 0-24-10.7-24-24m30.4 229.2c11.4-8.6 25.3-13.2 39.6-13.2h4.9c33.7 0 61.1 27.4 61.1 61.1c0 19.6-9.4 37.9-25.2 49.4l-24 17.5H184c13.3 0 24 10.7 24 24s-10.7 24-24 24H93.3C77.1 528 64 514.9 64 498.7c0-9.4 4.5-18.2 12.1-23.7l70.5-51.3c3.4-2.5 5.4-6.4 5.4-10.6c0-7.2-5.9-13.1-13.1-13.1H134c-3.9 0-7.7 1.3-10.8 3.6l-20.8 15.6c-10.6 8-25.6 5.8-33.6-4.8s-5.8-25.6 4.8-33.6zM288 128h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32m0 160h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32m0 160h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 136c0-13.2 10.7-24 24-24h48c13.3 0 24 10.7 24 24v104h24c13.3 0 24 10.7 24 24s-10.7 24-24 24H88c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-80H88c-13.3 0-24-10.7-24-24m30.4 229.2c11.4-8.6 25.3-13.2 39.6-13.2h4.9c33.7 0 61.1 27.4 61.1 61.1c0 19.6-9.4 37.9-25.2 49.4l-24 17.5H184c13.3 0 24 10.7 24 24s-10.7 24-24 24H93.3C77.1 528 64 514.9 64 498.7c0-9.4 4.5-18.2 12.1-23.7l70.5-51.3c3.4-2.5 5.4-6.4 5.4-10.6c0-7.2-5.9-13.1-13.1-13.1H134c-3.9 0-7.7 1.3-10.8 3.6l-20.8 15.6c-10.6 8-25.6 5.8-33.6-4.8s-5.8-25.6 4.8-33.6zM288 128h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32m0 160h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32m0 160h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32"/></svg>
</template>

CSS

.icon-list-1-2 {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20136c0-13.2%2010.7-24%2024-24h48c13.3%200%2024%2010.7%2024%2024v104h24c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H88c-13.3%200-24-10.7-24-24s10.7-24%2024-24h24v-80H88c-13.3%200-24-10.7-24-24m30.4%20229.2c11.4-8.6%2025.3-13.2%2039.6-13.2h4.9c33.7%200%2061.1%2027.4%2061.1%2061.1c0%2019.6-9.4%2037.9-25.2%2049.4l-24%2017.5H184c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H93.3C77.1%20528%2064%20514.9%2064%20498.7c0-9.4%204.5-18.2%2012.1-23.7l70.5-51.3c3.4-2.5%205.4-6.4%205.4-10.6c0-7.2-5.9-13.1-13.1-13.1H134c-3.9%200-7.7%201.3-10.8%203.6l-20.8%2015.6c-10.6%208-25.6%205.8-33.6-4.8s-5.8-25.6%204.8-33.6zM288%20128h256c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H288c-17.7%200-32-14.3-32-32s14.3-32%2032-32m0%20160h256c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H288c-17.7%200-32-14.3-32-32s14.3-32%2032-32m0%20160h256c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H288c-17.7%200-32-14.3-32-32s14.3-32%2032-32%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20136c0-13.2%2010.7-24%2024-24h48c13.3%200%2024%2010.7%2024%2024v104h24c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H88c-13.3%200-24-10.7-24-24s10.7-24%2024-24h24v-80H88c-13.3%200-24-10.7-24-24m30.4%20229.2c11.4-8.6%2025.3-13.2%2039.6-13.2h4.9c33.7%200%2061.1%2027.4%2061.1%2061.1c0%2019.6-9.4%2037.9-25.2%2049.4l-24%2017.5H184c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H93.3C77.1%20528%2064%20514.9%2064%20498.7c0-9.4%204.5-18.2%2012.1-23.7l70.5-51.3c3.4-2.5%205.4-6.4%205.4-10.6c0-7.2-5.9-13.1-13.1-13.1H134c-3.9%200-7.7%201.3-10.8%203.6l-20.8%2015.6c-10.6%208-25.6%205.8-33.6-4.8s-5.8-25.6%204.8-33.6zM288%20128h256c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H288c-17.7%200-32-14.3-32-32s14.3-32%2032-32m0%20160h256c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H288c-17.7%200-32-14.3-32-32s14.3-32%2032-32m0%20160h256c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H288c-17.7%200-32-14.3-32-32s14.3-32%2032-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/list-1-2.svg?color=%231a73e8&size=48