Иконка Recoil Icon

logos:recoil-icon

Иконка Recoil Icon (logos:recoil-icon) — бесплатная SVG-иконка из набора SVG Logos от 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

<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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Recoil Icon

Можно ли бесплатно использовать иконку Recoil Icon в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Recoil Icon в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →