Иконка Butterfly

openmoji:butterfly

Иконка Butterfly (openmoji:butterfly) — бесплатная 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="#92d3f5" d="M35.892 22.845c-1.168-.751-2.351-1.513-4.256-2.536s-4.563-2.33-7.372-3.037s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.799.71s-2.694 2.932-.635 6.76s6.806 9.496 11.128 11.07s8.224-.938 11.039-2.508c2.815-1.569 4.542-2.194 6.27-2.82"/><path fill="#92d3f5" stroke="#92d3f5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M32.103 44.066c-.758 3.755-1.516 7.508-3.664 9.456c-2.148 1.949-5.684 2.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487 2.86-4.253 5.602-5.48c2.741-1.226 6.02-2.915 9.301-4.604z"/><path fill="#92d3f5" d="M36.108 22.845c1.168-.751 2.352-1.513 4.256-2.536s4.563-2.33 7.372-3.037s5.768-.815 9-.927c3.23-.113 6.733-.229 8.799.71c2.065.94 2.694 2.932.635 6.76c-2.058 3.828-6.803 9.492-11.126 11.068s-8.226-.937-11.04-2.506c-2.816-1.569-4.543-2.194-6.271-2.82"/><path fill="#92d3f5" stroke="#92d3f5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M39.897 44.066c.758 3.755 1.516 7.508 3.664 9.456c2.148 1.949 5.684 2.093 7.903-.938c2.22-3.032 3.122-9.239 2.47-12.725c-.651-3.487-2.858-4.252-5.6-5.48c-2.744-1.226-6.023-2.915-9.303-4.604z"/><ellipse cx="35.807" cy="17.922" fill="#9b9b9a" rx="3.56" ry="2.67"/><ellipse cx="35.819" cy="23.563" fill="#3f3f3f" rx="3.353" ry="2.735"/><path fill="#9b9b9a" d="M35.394 26.812c-6.321.676.606 20.481.606 20.481s7.864-21.387-.606-20.481"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M32.103 44.066c-.758 3.755-1.516 7.508-3.664 9.456c-2.148 1.949-5.684 2.093-7.903-.938c-2.22-3.032-3.122-9.239-2.47-12.725c.652-3.487 2.858-4.253 5.066-5.018"/><path d="M32.39 20.592c-2.659-1.306-5.317-2.612-8.126-3.32s-5.768-.815-9-.927c-3.23-.113-6.733-.229-8.798.71s-2.694 2.932-.636 6.76s6.806 9.496 11.128 11.07s8.224-.938 12.129-3.452M39.61 20.592c2.659-1.306 5.317-2.612 8.126-3.32s5.768-.815 9-.927c3.23-.113 6.733-.229 8.798.71c2.066.94 2.694 2.932.636 6.76s-6.803 9.492-11.126 11.068s-8.226-.937-12.13-3.45"/><path d="M39.897 44.066c.758 3.755 1.516 7.508 3.664 9.456c2.148 1.949 5.684 2.093 7.903-.938c2.22-3.032 3.122-9.239 2.47-12.725c-.651-3.487-2.858-4.252-5.066-5.018"/><ellipse cx="36" cy="17.922" rx="3.56" ry="2.67"/><ellipse cx="36" cy="23.563" rx="3.353" ry="2.735"/><path d="M35.392 26.812c-6.321.676.608 20.481.608 20.481s7.862-21.387-.608-20.481m2.576-11.967l1.484-3.263m-5.42 3.263l-1.484-3.263"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки OpenMoji →