Иконка Fly

openmoji:fly

Иконка Fly (openmoji:fly) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Животные и природа

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M40.245 32.918h-8.533c3.257 11.704-1.077 20.017-1.077 20.017l1.185 2.001c.51.853 2.324 3.636 4.18 3.636c1.846 0 3.716-2.772 4.245-3.621l1.189-1.898s-3.893-7.585-1.189-20.135"/><path fill="#d22f27" d="M29.977 22.873a5.08 5.08 0 1 1 5.146-5.08a5.12 5.12 0 0 1-5.146 5.08m5.863-5.098A5.161 5.161 0 1 1 41 22.842a5.12 5.12 0 0 1-5.16-5.067"/><path fill="#d0cfce" d="M17.695 60.055a7.8 7.8 0 0 1-3.901-.92a5.8 5.8 0 0 1-2.846-3.976c-.345-1.232-1.465-9.196 17.61-30.93a1.02 1.02 0 0 1 .924-.327a1 1 0 0 1 .759.62a63.5 63.5 0 0 1 3.473 13.932c.855 7.069-.155 12.478-2.93 15.968a11.25 11.25 0 0 1-4.22 3.27a22.4 22.4 0 0 1-8.869 2.363m36.599 0a22.4 22.4 0 0 1-8.867-2.363c-5.878-2.663-8.352-9.315-7.152-19.238a63.6 63.6 0 0 1 3.473-13.932a1 1 0 0 1 .758-.62a1.01 1.01 0 0 1 .925.326c19.075 21.735 17.955 29.7 17.61 30.931a5.8 5.8 0 0 1-2.846 3.976a7.8 7.8 0 0 1-3.901.92"/><path d="M35.51 34.595c-.025 0-.089-.002-.115-.004c-4.284-.204-6.819-4.484-7.504-12.722a4.44 4.44 0 0 1 1.01-3.284c1.916-2.29 5.842-2.406 6.61-2.406h.97c.767 0 4.693.117 6.609 2.406a4.44 4.44 0 0 1 1.01 3.283c-.688 8.24-3.224 12.52-7.534 12.725Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M39.396 54.421s-1.962 3.15-3.396 3.15s-3.322-3.15-3.322-3.15m-1.46-23.505c2.12 8.026 4.14 21.694-5.068 25.865c-13.309 6.028-14.224-1.844-14.224-1.844S9.405 47.58 29.272 24.932m11.541 5.83c-2.134 8.004-4.241 21.821 5.027 26.019c13.308 6.028 14.223-1.844 14.223-1.844s2.522-7.356-17.346-30.006m-16.703-5.833a4.167 4.167 0 1 1 8.112-1.795m10.854 1.795a4.167 4.167 0 1 0-8.11-1.795"/><path stroke-miterlimit="10" d="m29.469 54.421l.508 3.058l-4.102 6.328m16.799-9.221l-.48 2.893l4.101 6.328"/><path stroke-linejoin="round" d="M34.01 33.334a3.96 3.96 0 0 1-1.59-1.015c-1.91-1.745-3.095-5.268-3.533-10.534a3.46 3.46 0 0 1 .78-2.559c1.665-1.99 5.42-2.047 5.843-2.047h.97c.422 0 4.177.057 5.842 2.047a3.46 3.46 0 0 1 .78 2.56c-.438 5.256-1.62 8.777-3.524 10.525a5.9 5.9 0 0 1-1.598 1.023"/><path stroke-miterlimit="10" d="m15.545 15.444l4.213 8.444l6.688 4.341m29.881-12.785l-4.214 8.444l-6.61 4.291"/></g></svg>

Как использовать иконку Fly

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:fly" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:fly" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:fly" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--fly]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:fly"></div>

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

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

<iconify-icon icon="openmoji:fly"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/fly.svg" alt="Иконка Fly" width="24" height="24">

Иконка Fly в других наборах

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

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

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

Установите @iconify/react и выведите <Icon icon="openmoji:fly" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Fly на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/fly.svg" alt="Иконка Fly">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →