Ikon Recoil
logos:recoil
Ikon Recoil (logos:recoil) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 182. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 182
Kode SVG
<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>Cara memakai ikon Recoil
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/recoil.svg" alt="Ikon Recoil" width="24" height="24">Ikon terkait di SVG Logos
Ikon Recoil di set ikon lain
FAQ Ikon Recoil
Apakah ikon Recoil gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Recoil di React?
Pasang @iconify/react lalu render <Icon icon="logos:recoil" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Recoil ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/recoil.svg" alt="Ikon Recoil">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.