Info Circle icon
el:info-circle
The Info Circle icon (el:info-circle) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
- Tags
- infocircle
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C268.629 0 0 268.629 0 600s268.629 600 600 600s600-268.629 600-600S931.371 0 600 0m-18.823 205.884c27.494.001 49.881 7.415 67.163 22.339c17.281 14.926 25.928 34.609 25.928 58.96c0 24.353-8.646 43.962-25.928 58.887c-17.282 14.926-39.669 22.413-67.163 22.412c-27.494.001-49.882-7.486-67.163-22.412c-16.496-14.925-24.756-34.534-24.756-58.887c0-24.351 8.26-44.034 24.756-58.96c17.281-14.925 39.669-22.338 67.163-22.339m85.986 262.72l23.584 27.1c-12.569 32.993-18.896 69.509-18.896 109.57v288.721c0 10.212.846 17.239 2.417 21.167c2.356 3.928 7.452 7.864 15.308 11.792c14.14 8.641 34.908 16.9 62.402 24.756l-8.203 42.407c-67.557-7.07-115.109-10.547-142.603-10.547s-74.587 3.477-141.357 10.547l-9.448-42.407c28.279-6.284 49.121-14.157 62.476-23.584c11.783-7.069 17.651-18.42 17.651-34.131v-294.58c0-27.493-10.65-41.235-31.86-41.235l-41.235 8.203l-9.375-47.095c28.279-11.782 65.567-23.206 111.914-34.204c46.345-10.998 82.087-16.48 107.225-16.48"/></svg>
How to use the Info Circle icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:info-circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:info-circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:info-circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--info-circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:info-circle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:info-circle"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/info-circle.svg" alt="Info Circle icon" width="24" height="24">
Info Circle icon in other icon sets
Info Circle icon FAQ
Is the Info Circle icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Info Circle icon in React?
Install @iconify/react and render <Icon icon="el:info-circle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Info Circle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/info-circle.svg" alt="Info Circle icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
