italic icon

Italic: italic, text italic, emphasis, format italic. 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="M13.856 2.144C13.952 2.241 14 2.359 14 2.5C14 2.641 13.952 2.759 13.856 2.856C13.759 2.952 13.641 3 13.5 3L10.809 3L6.309 12L8.5 12C8.641 12 8.759 12.048 8.856 12.144C8.952 12.241 9 12.359 9 12.5C9 12.641 8.952 12.759 8.856 12.856C8.759 12.952 8.641 13 8.5 13L2.5 13C2.359 13 2.241 12.952 2.144 12.856C2.048 12.759 2 12.641 2 12.5C2 12.359 2.048 12.241 2.144 12.144C2.241 12.048 2.359 12 2.5 12L5.191 12L9.691 3L7.5 3C7.359 3 7.241 2.952 7.144 2.856C7.048 2.759 7 2.641 7 2.5C7 2.359 7.048 2.241 7.144 2.144C7.241 2.048 7.359 2 7.5 2L13.5 2C13.641 2 13.759 2.048 13.856 2.144Z"/></svg>

React

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

export function ItalicIcon(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="M13.856 2.144C13.952 2.241 14 2.359 14 2.5C14 2.641 13.952 2.759 13.856 2.856C13.759 2.952 13.641 3 13.5 3L10.809 3L6.309 12L8.5 12C8.641 12 8.759 12.048 8.856 12.144C8.952 12.241 9 12.359 9 12.5C9 12.641 8.952 12.759 8.856 12.856C8.759 12.952 8.641 13 8.5 13L2.5 13C2.359 13 2.241 12.952 2.144 12.856C2.048 12.759 2 12.641 2 12.5C2 12.359 2.048 12.241 2.144 12.144C2.241 12.048 2.359 12 2.5 12L5.191 12L9.691 3L7.5 3C7.359 3 7.241 2.952 7.144 2.856C7.048 2.759 7 2.641 7 2.5C7 2.359 7.048 2.241 7.144 2.144C7.241 2.048 7.359 2 7.5 2L13.5 2C13.641 2 13.759 2.048 13.856 2.144Z" />
    </svg>
  );
}

Vue

Vue: see /icons/italic.md

Svelte

Svelte: see /icons/italic.md

HTML img

HTML img: see /icons/italic.md

CSS

CSS: see /icons/italic.md

Data URL

Data URL: see /icons/italic.md

Sprite

Sprite: see /icons/italic.md

SwiftUI

SwiftUI: see /icons/italic.md

Compose

Compose: see /icons/italic.md

Android XML

Android XML: see /icons/italic.md

Flutter

Flutter: see /icons/italic.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

italic, text italic, emphasis, format italic

Tags

italic, emphasis, slant, oblique, text, format, letter, i

Category

Text & formatting

Component name

ItalicIcon

History

2026-10-14 added

Family 21

bold case-lower case-sensitive heading heading-1 heading-2 heading-3 letter-spacing pilcrow spell-check strikethrough subscript

More text & formatting icons

align-center align-justify align-left align-right asterisk border-all border-bottom border-inner border-left border-none border-right border-top checklist copyright divider divider-vertical · all text & formatting icons

For agents

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

italic icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp