Icono Octagon Alert
keyline-icons:octagon-alert
El icono Octagon Alert (keyline-icons:octagon-alert) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Keyline Icons
- Autor
- Keyline Icons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- octagonalert
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 14.5645V9.43553C3 8.77249 3.26339 8.13661 3.73223 7.66777L7.66777 3.73223C8.13661 3.26339 8.77249 3 9.43553 3H14.5645C15.2275 3 15.8634 3.26339 16.3322 3.73223L20.2678 7.66777C20.7366 8.13661 21 8.77249 21 9.43553V14.5645C21 15.2275 20.7366 15.8634 20.2678 16.3322L16.3322 20.2678C15.8634 20.7366 15.2275 21 14.5645 21H9.43553C8.77249 21 8.13661 20.7366 7.66777 20.2678L3.73223 16.3322C3.26339 15.8634 3 15.2275 3 14.5645Z"/><path d="M12 8V12"/><path fill="currentColor" d="M13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16Z" stroke="none"/></g></svg>
Cómo usar el icono Octagon Alert
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:octagon-alert" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:octagon-alert" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:octagon-alert" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--octagon-alert]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:octagon-alert"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:octagon-alert"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/octagon-alert.svg" alt="Icono Octagon Alert" width="24" height="24">
Iconos relacionados en Keyline Icons
El icono Octagon Alert en otras colecciones
Preguntas frecuentes sobre Icono Octagon Alert
¿El icono Octagon Alert es gratis para uso comercial?
Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Octagon Alert en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:octagon-alert" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Octagon Alert a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/octagon-alert.svg" alt="Icono Octagon Alert">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Keyline Icons →
