Recoil Icon アイコン
logos:recoil-icon
Recoil Icon アイコン(logos:recoil-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 596 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 596
- タグ
- recoilicon
SVG コード
<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>Recoil 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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/logos/recoil-icon.svg" alt="Recoil Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Recoil Icon アイコン のよくある質問
Recoil Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Recoil Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:recoil-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Recoil Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/recoil-icon.svg" alt="Recoil Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。