Alert Hexagon 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 { IconAlertHexagon } from "@devigner-ui/icons";
<IconAlertHexagon className="size-6" />
<script setup>
import { IconAlertHexagon } from "@devigner-ui/icons-vue";
</script>
<template>
<IconAlertHexagon class="size-6" />
</template>
<script>
import { IconAlertHexagon } from "@devigner-ui/icons-svelte";
</script>
<IconAlertHexagon class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 7v6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><circle cx="12" cy="16" r="1" fill="currentColor"></circle><path opacity="1" d="M7.84 3.8C9.87 2.6 10.9 2 12 2s2.13.6 4.16 1.8l.68.4c2.03 1.21 3.05 1.81 3.6 2.8s.56 2.2.56 4.6v.8c0 2.4 0 3.61-.56 4.6-.55.99-1.57 1.59-3.6 2.8l-.68.4C14.13 21.4 13.1 22 12 22s-2.13-.6-4.16-1.8l-.68-.4c-2.03-1.21-3.05-1.81-3.6-2.8S3 14.8 3 12.4v-.8c0-2.4 0-3.61.56-4.6.55-.99 1.57-1.59 3.6-2.8z" stroke="currentColor" stroke-width="1.5"></path></svg>