gentleface

Gentleface › Notifications & status › severity-medium

severity-medium icon

Severity medium: severity medium. 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.286 5.031 12.784 5.632 13.171 6.324C13.559 7.017 13.812 7.755 13.929 8.54C13.95 8.68 13.919 8.804 13.839 8.913C13.758 9.023 13.647 9.088 13.508 9.109C13.466 9.115 13.425 9.117 13.386 9.113C13.337 9.101 13.289 9.089 13.24 9.079C13.204 9.063 13.169 9.043 13.135 9.018C13.026 8.937 12.961 8.827 12.94 8.688C12.841 8.024 12.627 7.399 12.299 6.813C11.971 6.227 11.55 5.718 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.699ZM8.725 8.634C8.908 8.893 9 9.182 9 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.182 6.092 8.893 6.275 8.634C6.459 8.374 6.7 8.192 7 8.086L7 5.5C7 5.359 7.048 5.241 7.144 5.144C7.241 5.048 7.359 5 7.5 5C7.641 5 7.759 5.048 7.856 5.144C7.952 5.241 8 5.359 8 5.5L8 8.086C8.3 8.192 8.541 8.374 8.725 8.634ZM10.732 10.732C10.976 10.488 11.259 10.303 11.58 10.176C11.875 10.059 12.182 10 12.5 10C12.818 10 13.125 10.059 13.42 10.176C13.741 10.303 14.024 10.488 14.268 10.732C14.512 10.976 14.697 11.259 14.824 11.58C14.941 11.875 15 12.182 15 12.5C15 12.818 14.941 13.125 14.824 13.42C14.697 13.741 14.512 14.024 14.268 14.268C14.024 14.512 13.741 14.697 13.42 14.824C13.125 14.941 12.818 15 12.5 15C12.182 15 11.875 14.941 11.58 14.824C11.259 14.697 10.976 14.512 10.732 14.268C10.488 14.024 10.303 13.741 10.176 13.42C10.059 13.125 10 12.818 10 12.5C10 12.182 10.059 11.875 10.176 11.58C10.303 11.259 10.488 10.976 10.732 10.732Z"/></svg>
React
// Gentleface "severity-medium" (line-round), MIT. https://gentleface.com/icons/severity-medium
import type { SVGProps } from 'react';

export function SeverityMediumIcon(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.286 5.031 12.784 5.632 13.171 6.324C13.559 7.017 13.812 7.755 13.929 8.54C13.95 8.68 13.919 8.804 13.839 8.913C13.758 9.023 13.647 9.088 13.508 9.109C13.466 9.115 13.425 9.117 13.386 9.113C13.337 9.101 13.289 9.089 13.24 9.079C13.204 9.063 13.169 9.043 13.135 9.018C13.026 8.937 12.961 8.827 12.94 8.688C12.841 8.024 12.627 7.399 12.299 6.813C11.971 6.227 11.55 5.718 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.699ZM8.725 8.634C8.908 8.893 9 9.182 9 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.182 6.092 8.893 6.275 8.634C6.459 8.374 6.7 8.192 7 8.086L7 5.5C7 5.359 7.048 5.241 7.144 5.144C7.241 5.048 7.359 5 7.5 5C7.641 5 7.759 5.048 7.856 5.144C7.952 5.241 8 5.359 8 5.5L8 8.086C8.3 8.192 8.541 8.374 8.725 8.634ZM10.732 10.732C10.976 10.488 11.259 10.303 11.58 10.176C11.875 10.059 12.182 10 12.5 10C12.818 10 13.125 10.059 13.42 10.176C13.741 10.303 14.024 10.488 14.268 10.732C14.512 10.976 14.697 11.259 14.824 11.58C14.941 11.875 15 12.182 15 12.5C15 12.818 14.941 13.125 14.824 13.42C14.697 13.741 14.512 14.024 14.268 14.268C14.024 14.512 13.741 14.697 13.42 14.824C13.125 14.941 12.818 15 12.5 15C12.182 15 11.875 14.941 11.58 14.824C11.259 14.697 10.976 14.512 10.732 14.268C10.488 14.024 10.303 13.741 10.176 13.42C10.059 13.125 10 12.818 10 12.5C10 12.182 10.059 11.875 10.176 11.58C10.303 11.259 10.488 10.976 10.732 10.732Z" />
    </svg>
  );
}
Vue
Vue: see /icons/severity-medium.md
Svelte
Svelte: see /icons/severity-medium.md
HTML img
HTML img: see /icons/severity-medium.md
CSS
CSS: see /icons/severity-medium.md
Data URL
Data URL: see /icons/severity-medium.md
Sprite
Sprite: see /icons/severity-medium.md
SwiftUI
SwiftUI: see /icons/severity-medium.md
Compose
Compose: see /icons/severity-medium.md
Android XML
Android XML: see /icons/severity-medium.md
Flutter
Flutter: see /icons/severity-medium.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 medium
Tags
severity, medium, moderate, level, priority, scale
Category
Notifications & status
Component name
SeverityMediumIcon
History
  • 20 px drawn, 24 px drawn, added

More notifications & status icons

For agents

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