Infinite Bold icon
solar:infinite-bold
The Infinite Bold icon (solar:infinite-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Astronomy
- Tags
- infinitebold, infinity bold, infinity outline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7 7.75C4.65279 7.75 2.75 9.65279 2.75 12C2.75 14.3472 4.65279 16.25 7 16.25C7.59689 16.25 8.04496 16.1427 8.40677 15.9664C8.76923 15.7898 9.08603 15.524 9.39303 15.1495C9.93306 14.4908 10.3762 13.5925 10.9602 12.409C11.0769 12.1724 11.1993 11.9244 11.3292 11.6646C11.4455 11.432 11.5589 11.2013 11.6707 10.9741C12.2514 9.7937 12.7873 8.70415 13.447 7.89951C13.8573 7.39899 14.3366 6.97729 14.9362 6.68515C15.5364 6.3927 16.2162 6.25 17 6.25C20.1756 6.25 22.75 8.82436 22.75 12C22.75 15.1756 20.1756 17.75 17 17.75C15.7062 17.75 14.5105 17.3216 13.5495 16.5997C13.2184 16.3509 13.1516 15.8807 13.4003 15.5495C13.6491 15.2184 14.1193 15.1516 14.4505 15.4003C15.1608 15.934 16.0424 16.25 17 16.25C19.3472 16.25 21.25 14.3472 21.25 12C21.25 9.65279 19.3472 7.75 17 7.75C16.4031 7.75 15.955 7.8573 15.5932 8.0336C15.2308 8.21021 14.914 8.47601 14.607 8.85049C14.0669 9.50924 13.6238 10.4075 13.0398 11.591C12.9231 11.8276 12.8007 12.0756 12.6708 12.3354C12.5545 12.568 12.4411 12.7987 12.3293 13.0259C11.7486 14.2063 11.2127 15.2959 10.553 16.1005C10.1427 16.601 9.66335 17.0227 9.06381 17.3148C8.4636 17.6073 7.78382 17.75 7 17.75C3.82436 17.75 1.25 15.1756 1.25 12C1.25 8.82436 3.82436 6.25 7 6.25C8.29384 6.25 9.48982 6.67823 10.451 7.40038C10.7822 7.64919 10.8489 8.11935 10.6001 8.45051C10.3513 8.78167 9.88114 8.84843 9.54998 8.59962C8.83967 8.06595 7.95781 7.75 7 7.75Z" clip-rule="evenodd"/></svg>How to use the Infinite Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:infinite-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:infinite-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:infinite-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--infinite-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:infinite-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:infinite-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/infinite-bold.svg" alt="Infinite Bold icon" width="24" height="24">Related icons in Solar
Infinite Bold icon FAQ
Is the Infinite Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Infinite Bold icon in React?
Install @iconify/react and render <Icon icon="solar:infinite-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Infinite Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/infinite-bold.svg" alt="Infinite Bold icon">, or paste the SVG code inline to style it with CSS.