Gentleface › Notifications & status › severity-high

severity-high icon

Severity high: severity high. 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="M1.112 10.699C0.966 9.924 0.962 9.148 1.099 8.371C1.236 7.595 1.505 6.867 1.907 6.188C2.284 5.552 2.755 4.996 3.322 4.521C3.888 4.045 4.518 3.677 5.21 3.417C5.948 3.139 6.711 3 7.5 3C8.289 3 9.052 3.139 9.79 3.417C10.482 3.677 11.112 4.045 11.678 4.521C12.461 5.178 13.056 5.975 13.463 6.912C13.87 7.85 14.046 8.829 13.991 9.849C13.983 9.99 13.929 10.106 13.827 10.197C13.726 10.288 13.605 10.329 13.464 10.322C13.452 10.321 13.439 10.32 13.427 10.319L13 9.586C13.013 8.798 12.862 8.039 12.545 7.31C12.201 6.517 11.698 5.843 11.035 5.287C10.556 4.884 10.023 4.573 9.438 4.353C8.813 4.118 8.167 4 7.5 4C6.833 4 6.187 4.118 5.562 4.353C4.977 4.573 4.444 4.884 3.965 5.287C3.485 5.689 3.086 6.159 2.767 6.698C2.427 7.272 2.199 7.888 2.084 8.545C1.968 9.202 1.971 9.859 2.094 10.514C2.21 11.129 2.424 11.708 2.737 12.25C2.806 12.37 2.823 12.496 2.787 12.629C2.751 12.763 2.673 12.864 2.554 12.933C2.434 13.002 2.308 13.019 2.174 12.983C2.041 12.947 1.94 12.87 1.871 12.75C1.501 12.109 1.248 11.426 1.112 10.699ZM9 9.5C9 9.914 8.854 10.268 8.561 10.561C8.268 10.854 7.914 11 7.5 11C7.086 11 6.732 10.854 6.439 10.561C6.146 10.268 6 9.914 6 9.5C6 9.086 6.146 8.732 6.439 8.439C6.732 8.146 7.086 8 7.5 8C7.562 8 7.624 8.004 7.685 8.011L9.053 5.276C9.116 5.15 9.212 5.066 9.341 5.023C9.47 4.98 9.598 4.99 9.724 5.053C9.847 5.115 9.931 5.211 9.974 5.342C10.018 5.473 10.009 5.6 9.947 5.724L8.58 8.459C8.86 8.749 9 9.096 9 9.5ZM8.37 14.498C8.37 14.409 8.393 14.326 8.439 14.248L11.068 9.74C11.113 9.663 11.174 9.602 11.251 9.558C11.327 9.514 11.41 9.492 11.5 9.492C11.59 9.492 11.673 9.514 11.749 9.558C11.826 9.602 11.887 9.663 11.932 9.74L14.561 14.248C14.607 14.326 14.63 14.409 14.63 14.498C14.63 14.587 14.608 14.671 14.563 14.749C14.518 14.827 14.457 14.889 14.38 14.933C14.303 14.978 14.22 15 14.129 15L8.871 15C8.78 15 8.697 14.978 8.62 14.933C8.543 14.889 8.482 14.827 8.437 14.749C8.392 14.671 8.37 14.587 8.37 14.498ZM11 13L12 13L12 11L11 11L11 13ZM11.5 14.5C11.776 14.5 12 14.276 12 14C12 13.724 11.776 13.5 11.5 13.5C11.224 13.5 11 13.724 11 14C11 14.276 11.224 14.5 11.5 14.5Z"/></svg>

React

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

export function SeverityHighIcon(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="M1.112 10.699C0.966 9.924 0.962 9.148 1.099 8.371C1.236 7.595 1.505 6.867 1.907 6.188C2.284 5.552 2.755 4.996 3.322 4.521C3.888 4.045 4.518 3.677 5.21 3.417C5.948 3.139 6.711 3 7.5 3C8.289 3 9.052 3.139 9.79 3.417C10.482 3.677 11.112 4.045 11.678 4.521C12.461 5.178 13.056 5.975 13.463 6.912C13.87 7.85 14.046 8.829 13.991 9.849C13.983 9.99 13.929 10.106 13.827 10.197C13.726 10.288 13.605 10.329 13.464 10.322C13.452 10.321 13.439 10.32 13.427 10.319L13 9.586C13.013 8.798 12.862 8.039 12.545 7.31C12.201 6.517 11.698 5.843 11.035 5.287C10.556 4.884 10.023 4.573 9.438 4.353C8.813 4.118 8.167 4 7.5 4C6.833 4 6.187 4.118 5.562 4.353C4.977 4.573 4.444 4.884 3.965 5.287C3.485 5.689 3.086 6.159 2.767 6.698C2.427 7.272 2.199 7.888 2.084 8.545C1.968 9.202 1.971 9.859 2.094 10.514C2.21 11.129 2.424 11.708 2.737 12.25C2.806 12.37 2.823 12.496 2.787 12.629C2.751 12.763 2.673 12.864 2.554 12.933C2.434 13.002 2.308 13.019 2.174 12.983C2.041 12.947 1.94 12.87 1.871 12.75C1.501 12.109 1.248 11.426 1.112 10.699ZM9 9.5C9 9.914 8.854 10.268 8.561 10.561C8.268 10.854 7.914 11 7.5 11C7.086 11 6.732 10.854 6.439 10.561C6.146 10.268 6 9.914 6 9.5C6 9.086 6.146 8.732 6.439 8.439C6.732 8.146 7.086 8 7.5 8C7.562 8 7.624 8.004 7.685 8.011L9.053 5.276C9.116 5.15 9.212 5.066 9.341 5.023C9.47 4.98 9.598 4.99 9.724 5.053C9.847 5.115 9.931 5.211 9.974 5.342C10.018 5.473 10.009 5.6 9.947 5.724L8.58 8.459C8.86 8.749 9 9.096 9 9.5ZM8.37 14.498C8.37 14.409 8.393 14.326 8.439 14.248L11.068 9.74C11.113 9.663 11.174 9.602 11.251 9.558C11.327 9.514 11.41 9.492 11.5 9.492C11.59 9.492 11.673 9.514 11.749 9.558C11.826 9.602 11.887 9.663 11.932 9.74L14.561 14.248C14.607 14.326 14.63 14.409 14.63 14.498C14.63 14.587 14.608 14.671 14.563 14.749C14.518 14.827 14.457 14.889 14.38 14.933C14.303 14.978 14.22 15 14.129 15L8.871 15C8.78 15 8.697 14.978 8.62 14.933C8.543 14.889 8.482 14.827 8.437 14.749C8.392 14.671 8.37 14.587 8.37 14.498ZM11 13L12 13L12 11L11 11L11 13ZM11.5 14.5C11.776 14.5 12 14.276 12 14C12 13.724 11.776 13.5 11.5 13.5C11.224 13.5 11 13.724 11 14C11 14.276 11.224 14.5 11.5 14.5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/severity-high.md

Svelte

Svelte: see /icons/severity-high.md

HTML img

HTML img: see /icons/severity-high.md

CSS

CSS: see /icons/severity-high.md

Data URL

Data URL: see /icons/severity-high.md

Sprite

Sprite: see /icons/severity-high.md

SwiftUI

SwiftUI: see /icons/severity-high.md

Compose

Compose: see /icons/severity-high.md

Android XML

Android XML: see /icons/severity-high.md

Flutter

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

severity high

Tags

severity, high, major, level, priority, scale

Category

Notifications & status

Component name

SeverityHighIcon

History

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

More notifications & status icons

alert-circle alert-mark alert-octagon alert-triangle app-badge bell bell-alert bell-check bell-clock bell-dot bell-gear bell-lock bell-off bell-pencil bell-plus bell-ring · all notifications & status icons

For agents

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

severity-high icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More notifications & status icons

For agents

severity-high icon