Recoil icon
logos:recoil
The Recoil icon (logos:recoil) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 182 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
- 512 × 182
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="182" viewBox="0 0 512 182"><path fill="#1c1e21" d="M38.94 0c8.464 0 15.32 6.855 15.32 15.318c0 6.31-3.823 11.731-9.283 14.082l-.166.07v6.454c0 6.229 4.63 11.532 10.79 12.398l.187.025l1.85.242c10.01 1.266 17.77 8.463 19.76 18.353S75.045 86.482 66.3 91.548a31.8 31.8 0 0 1-12.68 4.099l-.226.022l-27.802 2.614a19.4 19.4 0 0 0-7.98 2.553c-5.046 2.915-6.032 7.96-5.268 11.7c.757 3.701 3.582 7.915 9.236 8.701l2.022.264c12.18 1.513 21.385 11.833 21.568 24.074l.002.371v5.991c5.368 2.372 9.127 7.76 9.127 14.012c0 8.463-6.855 15.318-15.318 15.318c-8.464 0-15.319-6.855-15.319-15.318c0-6.29 3.803-11.711 9.243-14.062l.165-.07v-5.87c0-6.23-4.63-11.533-10.789-12.4l-.187-.024l-1.85-.241c-10.01-1.267-17.77-8.464-19.76-18.354c-2.01-9.89 2.352-19.54 11.096-24.606a31.8 31.8 0 0 1 12.681-4.099l.225-.022l27.803-2.613a19.4 19.4 0 0 0 7.98-2.554c5.046-2.914 6.031-7.96 5.267-11.7c-.756-3.701-3.58-7.915-9.235-8.701l-2.022-.264c-12.18-1.513-21.385-11.832-21.568-24.074l-.002-.371V29.31c-5.348-2.392-9.087-7.76-9.087-13.992C23.622 6.855 30.477 0 38.94 0m18.415 102.504l8.584 9.408c6.388 7.026 9.94 16.08 10.01 25.546v.287h-12.12a26.22 26.22 0 0 0-6.704-17.525l-.131-.146l-14.595-16.002l11.66-1.105l.368-.041c.874-.1 1.746-.214 2.606-.364zm-44.367-58.84a26.22 26.22 0 0 0 6.703 17.524l.132.146l14.634 16.042L23.682 78.4l-.32.03a35 35 0 0 0-3.49.51l-.31.063l-8.665-9.509A38.28 38.28 0 0 1 .887 43.95l-.001-.287zm168.019 4.08l.237.004l.24.005c3.985.114 11.016 1.21 16.731 6.866c3.92 3.86 6.353 9.288 6.895 15.279c.503 5.709-.743 11.378-3.538 15.961c-4.756 7.861-12.646 10.62-15.924 11.454l-.417.106l7.737 9.77c6.715 7.276 10.393 16.705 10.393 26.515v4.02h-11.64v-4.02c0-6.956-2.633-13.61-7.437-18.756l-.161-.16l-11.016-13.892l.804-.637c-3.824.94-7.587 1.883-11.276 2.81l-4.224 1.064c-5.025 1.266-10.172 2.573-15.479 3.88l-.12 29.711l-11.66-.04l.221-74.26c.02-8.523 7.056-15.439 15.7-15.439h.06c4.767.05 9.41-.01 13.94-.077l6.034-.09c4.49-.066 9.11-.123 13.9-.074m-12.654 11.717l-8.244.122c-4.23.06-8.58.108-13.056.062c-2.21.02-4 1.729-4.02 3.82l-.1 32.526l1.708-.426l1.84-.461c3.06-.767 6.074-1.529 9.036-2.27l1.594-.404c5.596-1.42 11.374-2.868 17.302-4.3l8.433-2.133l.117-.03c1.962-.527 6.152-2.107 8.598-6.139c3.156-5.206 2.432-12.946-1.588-16.926c-3.105-3.065-7.332-3.47-9.075-3.497l-.052-.001c-3.718-.04-7.378-.01-10.962.036zm118.415 76.233H246.06c-14.032 0-25.45-11.418-25.45-25.45V72.933c0-14.032 11.418-25.45 25.45-25.45h21.771c14.032 0 25.45 11.418 25.45 25.45v5.87c0 10.795-8.785 19.58-19.58 19.58H232.27v11.881c0 7.599 6.192 13.79 13.79 13.79h40.709zm-54.499-48.97h41.452c4.363 0 7.92-3.559 7.92-7.92v-5.871c0-7.599-6.19-13.79-13.79-13.79H246.06c-7.6 0-13.79 6.191-13.79 13.79zm118.989 49.935h-21.772c-14.031 0-25.45-11.418-25.45-25.45V73.878c0-14.032 11.419-25.45 25.45-25.45h21.772c14.032 0 25.45 11.418 25.45 25.45v5.83h-11.66v-5.83c0-7.599-6.191-13.79-13.79-13.79h-21.772c-7.598 0-13.79 6.191-13.79 13.79v37.33c0 7.6 6.192 13.791 13.79 13.791h21.772c7.599 0 13.79-6.191 13.79-13.79v-5.83h11.66v5.83c0 14.032-11.418 25.45-25.45 25.45m85.276-.965h-21.771c-14.032 0-25.45-11.418-25.45-25.45V72.933c0-14.032 11.418-25.45 25.45-25.45h21.771c14.032 0 25.45 11.418 25.45 25.45v37.331c-.02 14.032-11.418 25.43-25.45 25.43m-21.771-76.552c-7.6 0-13.79 6.192-13.79 13.791v37.331c0 7.599 6.19 13.79 13.79 13.79h21.771c7.599 0 13.79-6.191 13.79-13.79V72.933c0-7.599-6.191-13.79-13.79-13.79zm60.348-4.322h11.66v79.447h-11.66zm0-24.907h11.66v10.916h-11.66zm25.23-.382H512v104.756h-11.66z"/></svg>How to use the Recoil icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:recoil" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:recoil" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:recoil" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--recoil]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:recoil"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:recoil"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/recoil.svg" alt="Recoil icon" width="24" height="24">Related icons in SVG Logos
Recoil icon in other icon sets
Recoil icon FAQ
Is the Recoil 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 in React?
Install @iconify/react and render <Icon icon="logos:recoil" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Recoil icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/recoil.svg" alt="Recoil icon">, or paste the SVG code inline to style it with CSS.