ICONYZ
Español
Icono Attention de Web Symbols Liga

Icono Attention

websymbol:attention

El icono Attention (websymbol:attention) es un icono SVG gratuito de la colección Web Symbols Liga de Just Be Nice studio. Está dibujado en una cuadrícula de 1113 × 1000. Web Symbols Liga icons se publican bajo la Open Font License, 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
Web Symbols Liga
Autor
Just Be Nice studio
Licencia
OFL-1.1
Tamaño
1113 × 1000
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1113" height="1000" viewBox="0 0 1113 1000"><path fill="currentColor" d="M1113 920q0 39-27.5 59.5T1018 1000H95q-40 0-67.5-21T0 920q0-30 18-61L479 55q33-55 78-55t76 55l462 805q18 32 18 60M626 409V263H487v146q0 14 2 26.5t5.5 28T500 490l26 162h59l27-162q2-10 6-26t6-28.5t2-26.5m0 387q0-29-20.5-49T556 727q-28 0-48.5 20T487 796t20.5 49.5T556 866q29 0 49.5-20.5T626 796"/></svg>

Cómo usar el icono Attention

React

import { Icon } from "@iconify/react";

<Icon icon="websymbol:attention" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="websymbol:attention" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="websymbol:attention" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--attention]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:attention"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="websymbol:attention"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/websymbol/attention.svg" alt="Icono Attention" width="24" height="24">

El icono Attention en otras colecciones

Preguntas frecuentes sobre Icono Attention

¿El icono Attention es gratis para uso comercial?

Sí. Web Symbols Liga icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Attention en React?

Instala @iconify/react y renderiza <Icon icon="websymbol:attention" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Attention a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/websymbol/attention.svg" alt="Icono Attention">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Web Symbols Liga →