section icon

Section: section sign, legal section, section mark. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.285 2.101C6.825 2.235 6.477 2.465 6.24 2.793C6.024 3.092 5.953 3.408 6.026 3.74C6.103 4.087 6.318 4.38 6.672 4.617C7.052 4.872 7.495 5 8 5C8.369 5 8.726 5.055 9.071 5.164C9.451 5.284 9.788 5.461 10.08 5.695C10.382 5.937 10.613 6.219 10.773 6.542C10.924 6.848 11 7.168 11 7.5C11 7.832 10.924 8.152 10.773 8.458C10.613 8.781 10.382 9.063 10.08 9.305C9.992 9.375 9.9 9.44 9.805 9.5C9.832 9.517 9.859 9.535 9.886 9.553C10.169 9.743 10.403 9.969 10.588 10.231C10.766 10.484 10.887 10.756 10.95 11.045C11.015 11.339 11.017 11.633 10.956 11.927C10.893 12.236 10.764 12.525 10.571 12.793C10.383 13.053 10.146 13.276 9.86 13.464C9.599 13.636 9.31 13.768 8.995 13.859C8.683 13.95 8.362 13.997 8.032 14C7.679 14.003 7.337 13.956 7.005 13.859C6.669 13.762 6.363 13.618 6.089 13.43C5.826 13.249 5.606 13.037 5.429 12.793C5.347 12.678 5.317 12.554 5.338 12.42C5.36 12.285 5.428 12.177 5.542 12.095C5.654 12.014 5.778 11.984 5.915 12.006C6.051 12.028 6.16 12.095 6.24 12.207C6.477 12.535 6.825 12.765 7.285 12.899C7.762 13.038 8.238 13.038 8.715 12.899C9.175 12.765 9.523 12.535 9.76 12.207C9.976 11.908 10.047 11.592 9.974 11.26C9.897 10.913 9.682 10.62 9.328 10.383C8.948 10.128 8.505 10 8 10C7.631 10 7.274 9.945 6.929 9.836C6.549 9.716 6.212 9.539 5.92 9.305C5.618 9.063 5.387 8.781 5.227 8.458C5.076 8.152 5 7.832 5 7.5C5 7.168 5.076 6.848 5.227 6.542C5.387 6.219 5.618 5.937 5.92 5.695C6.008 5.625 6.1 5.56 6.195 5.5C6.168 5.483 6.141 5.465 6.114 5.447C5.831 5.257 5.597 5.031 5.412 4.769C5.234 4.516 5.113 4.244 5.05 3.955C4.985 3.661 4.983 3.367 5.044 3.073C5.107 2.764 5.236 2.475 5.429 2.207C5.617 1.947 5.854 1.724 6.14 1.536C6.401 1.364 6.69 1.232 7.005 1.141C7.317 1.05 7.638 1.003 7.968 1C8.321 0.997 8.663 1.044 8.995 1.141C9.331 1.238 9.637 1.382 9.911 1.57C10.174 1.751 10.394 1.963 10.571 2.207C10.651 2.319 10.681 2.443 10.659 2.58C10.637 2.716 10.57 2.825 10.458 2.905C10.346 2.986 10.222 3.016 10.085 2.994C9.949 2.972 9.84 2.905 9.76 2.793C9.523 2.465 9.175 2.235 8.715 2.101C8.238 1.962 7.762 1.962 7.285 2.101ZM9.455 8.524C9.642 8.375 9.782 8.205 9.876 8.014C9.959 7.848 10 7.676 10 7.5C10 7.324 9.959 7.152 9.876 6.986C9.782 6.795 9.642 6.625 9.455 6.476C9.26 6.32 9.031 6.2 8.769 6.117C8.523 6.039 8.266 6 8 6C7.734 6 7.477 6.039 7.231 6.117C6.969 6.2 6.74 6.32 6.545 6.476C6.358 6.625 6.218 6.795 6.124 6.986C6.041 7.152 6 7.324 6 7.5C6 7.676 6.041 7.848 6.124 8.014C6.218 8.205 6.358 8.375 6.545 8.524C6.74 8.68 6.969 8.8 7.231 8.883C7.477 8.961 7.734 9 8 9C8.266 9 8.523 8.961 8.769 8.883C9.031 8.8 9.26 8.68 9.455 8.524Z"/></svg>

React

// Gentleface "section" (line-round), MIT. https://gentleface.com/icons/section
import type { SVGProps } from 'react';

export function SectionIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.285 2.101C6.825 2.235 6.477 2.465 6.24 2.793C6.024 3.092 5.953 3.408 6.026 3.74C6.103 4.087 6.318 4.38 6.672 4.617C7.052 4.872 7.495 5 8 5C8.369 5 8.726 5.055 9.071 5.164C9.451 5.284 9.788 5.461 10.08 5.695C10.382 5.937 10.613 6.219 10.773 6.542C10.924 6.848 11 7.168 11 7.5C11 7.832 10.924 8.152 10.773 8.458C10.613 8.781 10.382 9.063 10.08 9.305C9.992 9.375 9.9 9.44 9.805 9.5C9.832 9.517 9.859 9.535 9.886 9.553C10.169 9.743 10.403 9.969 10.588 10.231C10.766 10.484 10.887 10.756 10.95 11.045C11.015 11.339 11.017 11.633 10.956 11.927C10.893 12.236 10.764 12.525 10.571 12.793C10.383 13.053 10.146 13.276 9.86 13.464C9.599 13.636 9.31 13.768 8.995 13.859C8.683 13.95 8.362 13.997 8.032 14C7.679 14.003 7.337 13.956 7.005 13.859C6.669 13.762 6.363 13.618 6.089 13.43C5.826 13.249 5.606 13.037 5.429 12.793C5.347 12.678 5.317 12.554 5.338 12.42C5.36 12.285 5.428 12.177 5.542 12.095C5.654 12.014 5.778 11.984 5.915 12.006C6.051 12.028 6.16 12.095 6.24 12.207C6.477 12.535 6.825 12.765 7.285 12.899C7.762 13.038 8.238 13.038 8.715 12.899C9.175 12.765 9.523 12.535 9.76 12.207C9.976 11.908 10.047 11.592 9.974 11.26C9.897 10.913 9.682 10.62 9.328 10.383C8.948 10.128 8.505 10 8 10C7.631 10 7.274 9.945 6.929 9.836C6.549 9.716 6.212 9.539 5.92 9.305C5.618 9.063 5.387 8.781 5.227 8.458C5.076 8.152 5 7.832 5 7.5C5 7.168 5.076 6.848 5.227 6.542C5.387 6.219 5.618 5.937 5.92 5.695C6.008 5.625 6.1 5.56 6.195 5.5C6.168 5.483 6.141 5.465 6.114 5.447C5.831 5.257 5.597 5.031 5.412 4.769C5.234 4.516 5.113 4.244 5.05 3.955C4.985 3.661 4.983 3.367 5.044 3.073C5.107 2.764 5.236 2.475 5.429 2.207C5.617 1.947 5.854 1.724 6.14 1.536C6.401 1.364 6.69 1.232 7.005 1.141C7.317 1.05 7.638 1.003 7.968 1C8.321 0.997 8.663 1.044 8.995 1.141C9.331 1.238 9.637 1.382 9.911 1.57C10.174 1.751 10.394 1.963 10.571 2.207C10.651 2.319 10.681 2.443 10.659 2.58C10.637 2.716 10.57 2.825 10.458 2.905C10.346 2.986 10.222 3.016 10.085 2.994C9.949 2.972 9.84 2.905 9.76 2.793C9.523 2.465 9.175 2.235 8.715 2.101C8.238 1.962 7.762 1.962 7.285 2.101ZM9.455 8.524C9.642 8.375 9.782 8.205 9.876 8.014C9.959 7.848 10 7.676 10 7.5C10 7.324 9.959 7.152 9.876 6.986C9.782 6.795 9.642 6.625 9.455 6.476C9.26 6.32 9.031 6.2 8.769 6.117C8.523 6.039 8.266 6 8 6C7.734 6 7.477 6.039 7.231 6.117C6.969 6.2 6.74 6.32 6.545 6.476C6.358 6.625 6.218 6.795 6.124 6.986C6.041 7.152 6 7.324 6 7.5C6 7.676 6.041 7.848 6.124 8.014C6.218 8.205 6.358 8.375 6.545 8.524C6.74 8.68 6.969 8.8 7.231 8.883C7.477 8.961 7.734 9 8 9C8.266 9 8.523 8.961 8.769 8.883C9.031 8.8 9.26 8.68 9.455 8.524Z" />
    </svg>
  );
}

Vue

Vue: see /icons/section.md

Svelte

Svelte: see /icons/section.md

HTML img

HTML img: see /icons/section.md

CSS

CSS: see /icons/section.md

Data URL

Data URL: see /icons/section.md

Sprite

Sprite: see /icons/section.md

SwiftUI

SwiftUI: see /icons/section.md

Compose

Compose: see /icons/section.md

Android XML

Android XML: see /icons/section.md

Flutter

Flutter: see /icons/section.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

section sign, legal section, section mark

Alternatives

pilcrow: the paragraph mark ¶ (paragraph)

Tags

section, section-sign, paragraph, legal, law, clause, symbol

Category

Math & symbols

Component name

SectionIcon

History

2026-10-16 added

More math & symbols icons

command divide equal equal-not function function-sparkle hash infinity percent pi plus-minus radical sigma · all math & symbols icons

For agents

Metadata: /icons/section.json · Markdown: /icons/section.md · SVG: https://gentleface.com/svg/{style}/16/section.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/section.png

section icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More math & symbols icons

For agents

section icon