Recoil Icon icon
logos:recoil-icon
The Recoil Icon icon (logos:recoil-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 596 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 × 596
- Tags
- recoilicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="596" viewBox="0 0 256 596"><path fill="#1c1e21" d="M128.011 0c27.822 0 50.357 22.535 50.357 50.357c0 20.74-12.565 38.564-30.514 46.293l-.546.231v21.213c0 20.478 15.221 37.912 35.468 40.76l.615.081l6.08.793c32.91 4.163 58.419 27.822 64.961 60.336s-7.732 64.235-36.479 80.888c-12.87 7.41-26.891 11.943-41.686 13.474l-.74.074l-91.396 8.59c-9.318.86-18.108 3.701-26.236 8.394c-16.588 9.582-19.826 26.17-17.315 38.461c2.487 12.17 11.774 26.022 30.362 28.606l6.646.868c40.04 4.972 70.3 38.897 70.9 79.138l.01 1.222v19.693c17.644 7.798 30.002 25.51 30.002 46.062c0 27.821-22.535 50.357-50.357 50.357s-50.357-22.536-50.357-50.357c0-20.674 12.501-38.499 30.385-46.227l.543-.231v-19.297c0-20.478-15.22-37.912-35.467-40.76l-.615-.08l-6.08-.794c-32.91-4.163-58.42-27.822-64.962-60.336c-6.608-32.514 7.732-64.235 36.48-80.888c12.87-7.41 26.89-11.943 41.686-13.474l.74-.074l91.396-8.59c9.318-.86 18.107-3.701 26.236-8.393c16.587-9.583 19.825-26.17 17.314-38.462c-2.486-12.169-11.773-26.022-30.362-28.606l-6.646-.868c-40.04-4.972-70.299-38.897-70.9-79.138l-.01-1.222V96.352c-17.578-7.864-29.87-25.509-29.87-45.995C77.654 22.535 100.19 0 128.011 0m60.534 336.969l28.219 30.927c21 23.095 32.675 52.861 32.907 83.977l.003.943h-39.85c0-21.328-7.836-41.75-22.036-57.61l-.432-.479l-47.978-52.604l38.33-3.634l1.21-.135c2.872-.326 5.739-.703 8.568-1.195zM42.695 143.537c0 21.328 7.837 41.75 22.037 57.61l.432.479l48.11 52.736l-35.421 3.37l-1.053.097c-3.857.37-7.708.929-11.47 1.677l-1.025.209l-28.483-31.258c-21-23.03-32.675-52.86-32.907-83.977l-.003-.943z"/></svg>How to use the Recoil Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:recoil-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:recoil-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:recoil-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--recoil-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:recoil-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:recoil-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/recoil-icon.svg" alt="Recoil Icon icon" width="24" height="24">Related icons in SVG Logos
Recoil Icon icon FAQ
Is the Recoil 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 Recoil Icon icon in React?
Install @iconify/react and render <Icon icon="logos:recoil-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Recoil Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/recoil-icon.svg" alt="Recoil Icon icon">, or paste the SVG code inline to style it with CSS.