Attention icon
websymbol:attention
The Attention icon (websymbol:attention) is a free SVG icon from the Web Symbols Liga set by Just Be Nice studio. It is drawn on a 1113 × 1000 grid. Web Symbols Liga icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Web Symbols Liga
- Author
- Just Be Nice studio
- License
- OFL-1.1
- Size
- 1113 × 1000
SVG code
<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>How to use the Attention icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/websymbol/attention.svg" alt="Attention icon" width="24" height="24">Attention icon in other icon sets
Attention icon FAQ
Is the Attention icon free for commercial use?
Yes. Web Symbols Liga icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Attention icon in React?
Install @iconify/react and render <Icon icon="websymbol:attention" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Attention icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/websymbol/attention.svg" alt="Attention icon">, or paste the SVG code inline to style it with CSS.