section icon

section from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: section
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 256×512
License: CC BY 4.0

The same icon in other sets

sectionHuge Icons sectionSVG Logos sectionLucide section-fillMingCute Icon sectionPixelarticons sectionRadix Icons sectionTabler Icons

Use the section icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 512"><path fill="currentColor" d="M64.9 96c2.2-11.6 8.8-19.8 21.1-25.4c13.8-6.2 34.8-8.9 61.2-4.5c8.8 1.4 36.1 7.1 44.1 9.3c17 4.8 34.7-5.1 39.5-22.2s-5.1-34.7-22.2-39.5c-11.1-3.1-41-9.2-50.9-10.8c-34.7-5.6-69.4-3.5-98 9.4C29.9 25.8 7.5 50.9 1.6 86.5c-.1.5-.2 1.1-.2 1.6c-2.2 19.7.3 37.9 8.1 54.1c7.7 16.1 19.4 28 32 36.9c.6.5 1.3.9 2 1.4c-21.2 13.7-37 34.6-41.8 62.5c-.1.6-.2 1.1-.2 1.7c-2.3 19.3.4 37.1 8.4 53c7.9 15.6 19.8 27 32.3 35.5c22.4 15.2 51.9 24 75.4 31l3.7 1.1c27.2 8.2 46.9 14.6 59.4 23.8c5.5 4 8.2 7.6 9.5 10.9c1.3 3.2 2.6 8.6.9 18.1c-1.7 10.1-7.7 18-20.7 23.5c-14 6-35.4 8.5-62 4.4c-12.8-2.1-35.1-9.7-54.1-16.2c-4.3-1.5-8.5-2.9-12.3-4.2c-16.7-5.6-34.8 3.5-40.4 20.2s3.5 34.9 20.3 40.5c2.6.8 5.7 1.9 9.2 3.1c18.6 6.3 48.5 16.6 67.3 19.6h.2c34.5 5.4 68.8 3.4 97.2-8.7c29.4-12.6 52.5-36.5 58.5-71.5c3.3-19.3 1.9-37.4-5-53.9c-6.3-15-16.4-26.4-27.6-35.2c16.5-13.9 28.5-33.2 32.6-58.2c3.2-19.8 1.9-38.3-4.8-55.1s-17.8-29.4-30.2-39c-22.8-17.6-53.6-27.4-77.7-35l-1.4-.5c-27.4-8.7-47.8-15.3-61.5-25c-6.1-4.4-9.5-8.5-11.4-12.4c-1.8-3.7-3.2-9.3-2.3-18.5zm76.7 208.5l-.6-.2l-1.4-.4c-27.4-8.2-47.9-14.5-61.7-23.8c-6.2-4.2-9.3-7.9-11-11.3c-1.5-3-2.9-7.7-2.1-15.7c1.9-9.7 7.9-17.3 20.5-22.7c14-6 35.4-8.5 62.1-4.3l16.4 2.6c6.3 2.9 11.7 6 16.2 9.5c5.5 4.2 8.4 8.2 10 12.2s2.8 10.4 1.1 20.9c-2.4 14.7-12.8 26.4-37.1 31l-12.4 2.3z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidSection(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 512"><path fill="currentColor" d="M64.9 96c2.2-11.6 8.8-19.8 21.1-25.4c13.8-6.2 34.8-8.9 61.2-4.5c8.8 1.4 36.1 7.1 44.1 9.3c17 4.8 34.7-5.1 39.5-22.2s-5.1-34.7-22.2-39.5c-11.1-3.1-41-9.2-50.9-10.8c-34.7-5.6-69.4-3.5-98 9.4C29.9 25.8 7.5 50.9 1.6 86.5c-.1.5-.2 1.1-.2 1.6c-2.2 19.7.3 37.9 8.1 54.1c7.7 16.1 19.4 28 32 36.9c.6.5 1.3.9 2 1.4c-21.2 13.7-37 34.6-41.8 62.5c-.1.6-.2 1.1-.2 1.7c-2.3 19.3.4 37.1 8.4 53c7.9 15.6 19.8 27 32.3 35.5c22.4 15.2 51.9 24 75.4 31l3.7 1.1c27.2 8.2 46.9 14.6 59.4 23.8c5.5 4 8.2 7.6 9.5 10.9c1.3 3.2 2.6 8.6.9 18.1c-1.7 10.1-7.7 18-20.7 23.5c-14 6-35.4 8.5-62 4.4c-12.8-2.1-35.1-9.7-54.1-16.2c-4.3-1.5-8.5-2.9-12.3-4.2c-16.7-5.6-34.8 3.5-40.4 20.2s3.5 34.9 20.3 40.5c2.6.8 5.7 1.9 9.2 3.1c18.6 6.3 48.5 16.6 67.3 19.6h.2c34.5 5.4 68.8 3.4 97.2-8.7c29.4-12.6 52.5-36.5 58.5-71.5c3.3-19.3 1.9-37.4-5-53.9c-6.3-15-16.4-26.4-27.6-35.2c16.5-13.9 28.5-33.2 32.6-58.2c3.2-19.8 1.9-38.3-4.8-55.1s-17.8-29.4-30.2-39c-22.8-17.6-53.6-27.4-77.7-35l-1.4-.5c-27.4-8.7-47.8-15.3-61.5-25c-6.1-4.4-9.5-8.5-11.4-12.4c-1.8-3.7-3.2-9.3-2.3-18.5zm76.7 208.5l-.6-.2l-1.4-.4c-27.4-8.2-47.9-14.5-61.7-23.8c-6.2-4.2-9.3-7.9-11-11.3c-1.5-3-2.9-7.7-2.1-15.7c1.9-9.7 7.9-17.3 20.5-22.7c14-6 35.4-8.5 62.1-4.3l16.4 2.6c6.3 2.9 11.7 6 16.2 9.5c5.5 4.2 8.4 8.2 10 12.2s2.8 10.4 1.1 20.9c-2.4 14.7-12.8 26.4-37.1 31l-12.4 2.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 512"><path fill="currentColor" d="M64.9 96c2.2-11.6 8.8-19.8 21.1-25.4c13.8-6.2 34.8-8.9 61.2-4.5c8.8 1.4 36.1 7.1 44.1 9.3c17 4.8 34.7-5.1 39.5-22.2s-5.1-34.7-22.2-39.5c-11.1-3.1-41-9.2-50.9-10.8c-34.7-5.6-69.4-3.5-98 9.4C29.9 25.8 7.5 50.9 1.6 86.5c-.1.5-.2 1.1-.2 1.6c-2.2 19.7.3 37.9 8.1 54.1c7.7 16.1 19.4 28 32 36.9c.6.5 1.3.9 2 1.4c-21.2 13.7-37 34.6-41.8 62.5c-.1.6-.2 1.1-.2 1.7c-2.3 19.3.4 37.1 8.4 53c7.9 15.6 19.8 27 32.3 35.5c22.4 15.2 51.9 24 75.4 31l3.7 1.1c27.2 8.2 46.9 14.6 59.4 23.8c5.5 4 8.2 7.6 9.5 10.9c1.3 3.2 2.6 8.6.9 18.1c-1.7 10.1-7.7 18-20.7 23.5c-14 6-35.4 8.5-62 4.4c-12.8-2.1-35.1-9.7-54.1-16.2c-4.3-1.5-8.5-2.9-12.3-4.2c-16.7-5.6-34.8 3.5-40.4 20.2s3.5 34.9 20.3 40.5c2.6.8 5.7 1.9 9.2 3.1c18.6 6.3 48.5 16.6 67.3 19.6h.2c34.5 5.4 68.8 3.4 97.2-8.7c29.4-12.6 52.5-36.5 58.5-71.5c3.3-19.3 1.9-37.4-5-53.9c-6.3-15-16.4-26.4-27.6-35.2c16.5-13.9 28.5-33.2 32.6-58.2c3.2-19.8 1.9-38.3-4.8-55.1s-17.8-29.4-30.2-39c-22.8-17.6-53.6-27.4-77.7-35l-1.4-.5c-27.4-8.7-47.8-15.3-61.5-25c-6.1-4.4-9.5-8.5-11.4-12.4c-1.8-3.7-3.2-9.3-2.3-18.5zm76.7 208.5l-.6-.2l-1.4-.4c-27.4-8.2-47.9-14.5-61.7-23.8c-6.2-4.2-9.3-7.9-11-11.3c-1.5-3-2.9-7.7-2.1-15.7c1.9-9.7 7.9-17.3 20.5-22.7c14-6 35.4-8.5 62.1-4.3l16.4 2.6c6.3 2.9 11.7 6 16.2 9.5c5.5 4.2 8.4 8.2 10 12.2s2.8 10.4 1.1 20.9c-2.4 14.7-12.8 26.4-37.1 31l-12.4 2.3z"/></svg>
</template>

CSS

.icon-section {
  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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64.9%2096c2.2-11.6%208.8-19.8%2021.1-25.4c13.8-6.2%2034.8-8.9%2061.2-4.5c8.8%201.4%2036.1%207.1%2044.1%209.3c17%204.8%2034.7-5.1%2039.5-22.2s-5.1-34.7-22.2-39.5c-11.1-3.1-41-9.2-50.9-10.8c-34.7-5.6-69.4-3.5-98%209.4C29.9%2025.8%207.5%2050.9%201.6%2086.5c-.1.5-.2%201.1-.2%201.6c-2.2%2019.7.3%2037.9%208.1%2054.1c7.7%2016.1%2019.4%2028%2032%2036.9c.6.5%201.3.9%202%201.4c-21.2%2013.7-37%2034.6-41.8%2062.5c-.1.6-.2%201.1-.2%201.7c-2.3%2019.3.4%2037.1%208.4%2053c7.9%2015.6%2019.8%2027%2032.3%2035.5c22.4%2015.2%2051.9%2024%2075.4%2031l3.7%201.1c27.2%208.2%2046.9%2014.6%2059.4%2023.8c5.5%204%208.2%207.6%209.5%2010.9c1.3%203.2%202.6%208.6.9%2018.1c-1.7%2010.1-7.7%2018-20.7%2023.5c-14%206-35.4%208.5-62%204.4c-12.8-2.1-35.1-9.7-54.1-16.2c-4.3-1.5-8.5-2.9-12.3-4.2c-16.7-5.6-34.8%203.5-40.4%2020.2s3.5%2034.9%2020.3%2040.5c2.6.8%205.7%201.9%209.2%203.1c18.6%206.3%2048.5%2016.6%2067.3%2019.6h.2c34.5%205.4%2068.8%203.4%2097.2-8.7c29.4-12.6%2052.5-36.5%2058.5-71.5c3.3-19.3%201.9-37.4-5-53.9c-6.3-15-16.4-26.4-27.6-35.2c16.5-13.9%2028.5-33.2%2032.6-58.2c3.2-19.8%201.9-38.3-4.8-55.1s-17.8-29.4-30.2-39c-22.8-17.6-53.6-27.4-77.7-35l-1.4-.5c-27.4-8.7-47.8-15.3-61.5-25c-6.1-4.4-9.5-8.5-11.4-12.4c-1.8-3.7-3.2-9.3-2.3-18.5zm76.7%20208.5l-.6-.2l-1.4-.4c-27.4-8.2-47.9-14.5-61.7-23.8c-6.2-4.2-9.3-7.9-11-11.3c-1.5-3-2.9-7.7-2.1-15.7c1.9-9.7%207.9-17.3%2020.5-22.7c14-6%2035.4-8.5%2062.1-4.3l16.4%202.6c6.3%202.9%2011.7%206%2016.2%209.5c5.5%204.2%208.4%208.2%2010%2012.2s2.8%2010.4%201.1%2020.9c-2.4%2014.7-12.8%2026.4-37.1%2031l-12.4%202.3z%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64.9%2096c2.2-11.6%208.8-19.8%2021.1-25.4c13.8-6.2%2034.8-8.9%2061.2-4.5c8.8%201.4%2036.1%207.1%2044.1%209.3c17%204.8%2034.7-5.1%2039.5-22.2s-5.1-34.7-22.2-39.5c-11.1-3.1-41-9.2-50.9-10.8c-34.7-5.6-69.4-3.5-98%209.4C29.9%2025.8%207.5%2050.9%201.6%2086.5c-.1.5-.2%201.1-.2%201.6c-2.2%2019.7.3%2037.9%208.1%2054.1c7.7%2016.1%2019.4%2028%2032%2036.9c.6.5%201.3.9%202%201.4c-21.2%2013.7-37%2034.6-41.8%2062.5c-.1.6-.2%201.1-.2%201.7c-2.3%2019.3.4%2037.1%208.4%2053c7.9%2015.6%2019.8%2027%2032.3%2035.5c22.4%2015.2%2051.9%2024%2075.4%2031l3.7%201.1c27.2%208.2%2046.9%2014.6%2059.4%2023.8c5.5%204%208.2%207.6%209.5%2010.9c1.3%203.2%202.6%208.6.9%2018.1c-1.7%2010.1-7.7%2018-20.7%2023.5c-14%206-35.4%208.5-62%204.4c-12.8-2.1-35.1-9.7-54.1-16.2c-4.3-1.5-8.5-2.9-12.3-4.2c-16.7-5.6-34.8%203.5-40.4%2020.2s3.5%2034.9%2020.3%2040.5c2.6.8%205.7%201.9%209.2%203.1c18.6%206.3%2048.5%2016.6%2067.3%2019.6h.2c34.5%205.4%2068.8%203.4%2097.2-8.7c29.4-12.6%2052.5-36.5%2058.5-71.5c3.3-19.3%201.9-37.4-5-53.9c-6.3-15-16.4-26.4-27.6-35.2c16.5-13.9%2028.5-33.2%2032.6-58.2c3.2-19.8%201.9-38.3-4.8-55.1s-17.8-29.4-30.2-39c-22.8-17.6-53.6-27.4-77.7-35l-1.4-.5c-27.4-8.7-47.8-15.3-61.5-25c-6.1-4.4-9.5-8.5-11.4-12.4c-1.8-3.7-3.2-9.3-2.3-18.5zm76.7%20208.5l-.6-.2l-1.4-.4c-27.4-8.2-47.9-14.5-61.7-23.8c-6.2-4.2-9.3-7.9-11-11.3c-1.5-3-2.9-7.7-2.1-15.7c1.9-9.7%207.9-17.3%2020.5-22.7c14-6%2035.4-8.5%2062.1-4.3l16.4%202.6c6.3%202.9%2011.7%206%2016.2%209.5c5.5%204.2%208.4%208.2%2010%2012.2s2.8%2010.4%201.1%2020.9c-2.4%2014.7-12.8%2026.4-37.1%2031l-12.4%202.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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