أيقونة Recoil

logos:recoil

أيقونة Recoil (logos:recoil) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 182. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: SVG Logos
المؤلف: Gil Barbara
الترخيص: CC0-1.0
الحجم: 512 × 182

تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:recoil"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/recoil.svg" alt="أيقونة Recoil" width="24" height="24">

أيقونات ذات صلة في SVG Logos

أيقونة Recoil في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Recoil

هل أيقونة Recoil مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Recoil في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:recoil" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Recoil إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/recoil.svg" alt="أيقونة Recoil">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →