Alert Triangle icon in outline, twotone, bold and bulk. Free in all four styles, for buttons, forms, toolbars, menus, states. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconAlertTriangle } from "@devigner-ui/icons";
<IconAlertTriangle className="size-6" />
<script setup>
import { IconAlertTriangle } from "@devigner-ui/icons-vue";
</script>
<template>
<IconAlertTriangle class="size-6" />
</template>
<script>
import { IconAlertTriangle } from "@devigner-ui/icons-svelte";
</script>
<IconAlertTriangle class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M5.31 10.76C8.23 5.6 9.7 3 12 3s3.77 2.59 6.69 7.76l.36.65c2.43 4.3 3.64 6.45 2.54 8.02S17.8 21 12.36 21h-.72C6.2 21 3.5 21 2.4 19.43s.11-3.72 2.54-8.02z" stroke="currentColor" stroke-width="1.5"></path><path d="M12 8v5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><circle cx="12" cy="16" r="1" fill="currentColor"></circle></svg>