Skip to content

Alert ​

Usage ​

With Web Components ​

html
<ss-icon icon="alert"></ss-icon>

With icon tag ​

html
<i class="ss ss-alert"></i>

With custom stroke width / thickness ​

html
<ss-icon icon="alert" thickness="1.2"></ss-icon>

Node.js ​

javascript
const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['alert'];
console.log(svg);

Icon Details ​

PropertyValue
NameAlert
Slugalert
Tagswarning, danger, notification, popup, window, modal, dialog, alert, senangwebs, sw-modals

SVG Path ​

M3 8.25V18a2.25 2.25 0 002.25 2.25h13.5A2.25 2.25 0 0021 18V8.25m-18 0V6a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 6v2.25m-18 0h18zM8 13.3h8v3H8z

Raw SVG ​

html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M3 8.25V18a2.25 2.25 0 002.25 2.25h13.5A2.25 2.25 0 0021 18V8.25m-18 0V6a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 6v2.25m-18 0h18zM8 13.3h8v3H8z"></path>
</svg>

← Back to Icon Library