Overloop Icon icon
logos:overloop-icon
The Overloop Icon icon (logos:overloop-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 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 × 256
- Tags
- overloopicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGcl2HAcmE" x1="100.001%" x2=".002%" y1="-7.144%" y2="92.857%"><stop offset="0%" stop-color="#93c"/><stop offset="100%" stop-color="#f80"/></linearGradient></defs><path fill="url(#SVGcl2HAcmE)" d="M167.446 169.06c1.764 22.565-4.49 42.067-20.47 58.04c-20.828 20.836-74.477 31.89-132.378 28.196A14.866 14.866 0 0 1 .7 241.4c-3.685-57.893 7.369-111.544 28.205-132.372C44.88 93.055 64.38 86.792 86.944 88.557c8.366.658 16.457 2.184 25.728 4.836c-4.16-11.923-6.373-20.718-7.497-30.062c-2.387-19.813 2.185-36.645 15.478-49.939C136.525-2.48 163.423-4.82 180.182 9.48a47.8 47.8 0 0 1 60.35 5.989a47.8 47.8 0 0 1 5.99 60.343c14.299 16.768 11.958 43.667-3.914 59.539c-13.293 13.294-30.125 17.865-49.937 15.479c-9.344-1.116-18.14-3.347-30.062-7.497a541 541 0 0 1-19.785-7.434l-8.868-3.501a560 560 0 0 0-7.47-2.871c-13.668-5.157-24.96-8.64-34.55-10.378c-14.948-2.715-25.69-1.16-34.962 5.047a46.4 46.4 0 0 0-7.04 5.852c-12.068 12.078-21.028 51.338-20.113 96.129c44.799.914 84.057-8.028 96.135-20.106c13.76-13.76 15.543-29.678 6.875-58.13l4.544 1.792c11.932 4.7 21.13 8.064 29.038 10.514c.457 2.944.804 5.86 1.033 8.814M147.78 102.29l1.673 4.26l4.26 1.674c40.119 15.799 56.228 17.737 67.867 6.098c5.531-5.522 6.153-15.397 1.883-19.676a12.5 12.5 0 0 0-4.79-3.008c-11.996-4.141-13.623-20.425-2.688-26.862a18.04 18.04 0 0 0 8.755-17.385a18.04 18.04 0 0 0-12.138-15.218a18.03 18.03 0 0 0-21.376 7.844c-6.436 10.935-22.72 9.308-26.861-2.688a12.5 12.5 0 0 0-3.017-4.79c-4.261-4.27-14.144-3.649-19.667 1.883c-11.638 11.639-9.69 27.749 6.099 67.868"/></svg>How to use the Overloop Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:overloop-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:overloop-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:overloop-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--overloop-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:overloop-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:overloop-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/overloop-icon.svg" alt="Overloop Icon icon" width="24" height="24">Related icons in SVG Logos
Overloop Icon icon FAQ
Is the Overloop Icon 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 Overloop Icon icon in React?
Install @iconify/react and render <Icon icon="logos:overloop-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Overloop Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/overloop-icon.svg" alt="Overloop Icon icon">, or paste the SVG code inline to style it with CSS.