Forever icon
logos:forever
The Forever icon (logos:forever) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 127 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 127
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="127" viewBox="0 0 256 127"><path d="M0 63.21q0-25.986 18.612-44.598T63.21 0t44.598 18.612l20.368 19.314l20.367-19.665Q166.804 0 192.79 0q25.635 0 44.423 18.612Q256 37.224 256 63.21t-18.787 44.598t-44.423 18.612q-25.986 0-44.598-18.612l-20.016-19.314l-20.72 19.665q-18.26 18.26-44.246 18.26t-44.598-18.611T0 63.21m63.21-26.69q-10.887 0-18.788 7.901t-7.9 18.788q0 11.236 7.725 18.963q7.725 7.725 18.963 7.725q11.236 0 18.963-7.725l19.314-18.963l-19.314-18.612Q74.095 36.52 63.21 36.52m148.543 45.652q7.725-7.726 7.726-18.963q0-11.238-7.726-18.963t-18.787-7.726t-18.788 7.726L154.513 63.21l19.314 18.612q7.726 7.726 18.963 7.9q11.238.177 18.963-7.55"/></svg>How to use the Forever icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:forever" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:forever" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:forever" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--forever]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:forever"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:forever"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/forever.svg" alt="Forever icon" width="24" height="24">Forever icon FAQ
Is the Forever icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Forever icon in React?
Install @iconify/react and render <Icon icon="logos:forever" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Forever icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/forever.svg" alt="Forever icon">, or paste the SVG code inline to style it with CSS.