integral icon

Code line-round

<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 13.287L7 3.235C7 2.589 7.191 2.055 7.573 1.633C7.956 1.211 8.544 1 9.338 1L10.917 1L10.917 2.713L9.204 2.713L9.204 12.766C9.204 13.411 9.013 13.945 8.631 14.367C8.248 14.789 7.66 15 6.866 15L5.287 15L5.287 13.287L7 13.287Z"/></svg>

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

export function IntegralIcon(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 13.287L7 3.235C7 2.589 7.191 2.055 7.573 1.633C7.956 1.211 8.544 1 9.338 1L10.917 1L10.917 2.713L9.204 2.713L9.204 12.766C9.204 13.411 9.013 13.945 8.631 14.367C8.248 14.789 7.66 15 6.866 15L5.287 15L5.287 13.287L7 13.287Z" />
    </svg>
  );
}

Vue: see /icons/integral.md

Svelte: see /icons/integral.md

HTML img: see /icons/integral.md

CSS: see /icons/integral.md

Data URL: see /icons/integral.md

Sprite: see /icons/integral.md

SwiftUI: see /icons/integral.md

Compose: see /icons/integral.md

Android XML: see /icons/integral.md

Flutter: see /icons/integral.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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

integral, calculus

Alternatives

• sigma: a sum (sum)

Tags

integral, calculus, math, equation, formula, antiderivative

Category

Math & symbols

Component name

IntegralIcon

History

• 2026-11-12 20 px drawn, 24 px drawn, added

More math & symbols icons

abacus alpha ampersand axes backslash command congruent-to decimal delta delta-lower diameter divide element-of element-of-not equal equal-approximately · all math & symbols icons

For agents

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