Иконка Monarch Butterfly
openmoji:monarch-butterfly
Иконка Monarch Butterfly (openmoji:monarch-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
- Категория
- Животные и природа
- Теги
- monarchbutterfly
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#e27022" d="M7.682 21.98c-.06 4.262 1.34 11.379 4.34 14.783c2.74 3.104 6.82 3.134 11.01 2.894v.02c-2.27.72-6.1 1.557-6.72 4.801c-.65 3.414-1.38 10.351.83 13.326c2.22 2.974 9.41 1.976 11.55.06C30.112 56.596 31.4 56.306 32 54l1-3c.06-.889.572-6.781.942-7.34l.01-.05h.03c.35-.52.87-.848 1.6-.908v-.72c-.37-.03-.72-.189-1.04-.428c-.14-.1-.26-.22-.39-.35c-.05-.05-.1-.11-.15-.17c-.06-.07-.12-.139-.17-.219c-.07-.09-.13-.19-.2-.29c-.01 0-.01-.01-.01-.02c-.07-.12-.14-.239-.21-.369c-.08-.14-.15-.3-.22-.459c-.01-.01-.01-.02-.01-.03c-.09-.22-.18-.459-.26-.698c-.05-.17-.1-.35-.14-.53c-.03-.12-.06-.239-.08-.369a8 8 0 0 1-.17-1.317a9 9 0 0 1-.03-.72c0-.059 0-.109.01-.169c-.01-.19 0-.379.02-.569c.01-.19.03-.379.05-.559s.05-.359.08-.539c.15-.878.42-1.677.76-2.325h-1.01c-1.69-2.376-3.38-4.761-5.48-6.708c-2.11-1.946-4.64-3.443-7.41-5.07c-2.76-1.637-5.76-3.404-8.01-3.584c-2.26-.18-3.77 1.228-3.83 5.49"/><path fill="#f1b31c" d="m38.25 32l.03.09l-.12-.24h.04c.02.05.03.1.05.15m-.16 17.67l-.02.51L38 50q.03-.165.09-.33M63.9 21.98c.05 4.26-1.34 11.38-4.35 14.78c-2.74 3.11-6.81 3.14-11.01 2.9v.02c2.27.72 6.11 1.55 6.72 4.8c.65 3.41 1.39 10.35-.83 13.32c-2.21 2.98-9.4 1.98-11.55.06c-1.42-1.26-2.27-.55-2.88-2.86l-.8-2c.4-2.08 1.02-5.67 1.02-6.88c.01-1.17-.15-2.16-.56-2.84c-.12-.22-.28-.41-.46-.55a1.4 1.4 0 0 0-.46-.27c.01 0 .03-.01.04-.02c.45-.27.85-.71 1.18-1.29c.16-.27.3-.56.43-.88c.01-.01.01-.02.01-.03c.09-.23.18-.48.26-.74c.27-.92.42-1.97.42-3.1c0-.06 0-.12-.01-.18c-.02-1.63-.36-3.12-.91-4.22c-.15-.31-.33-.59-.51-.83c1.53-2.14 3.09-4.27 5-6.03c2.11-1.94 4.64-3.44 7.4-5.07s5.76-3.4 8.02-3.58c2.25-.18 3.77 1.23 3.83 5.49"/><path fill="#3f3f3f" d="M38.58 27.32c0 1.39-1.25 2.52-2.79 2.52c-.23 0-.46-.03-.67-.07c.81-.27 1.41-1.27 1.41-2.45c0-1.17-.6-2.17-1.41-2.44c.21-.04.44-.07.67-.07c1.54 0 2.79 1.13 2.79 2.51m.5 8.75c0 1.07-.15 2.07-.42 2.94c-.08.24-.17.48-.26.7c0 .01 0 .02-.01.03c-.13.3-.27.58-.43.83c-.33.55-.73.97-1.18 1.22c-.31.18-.64.28-.99.28c-.23 0-.45-.04-.67-.13c.07-.04.15-.09.22-.15c.3-.25.56-.67.78-1.22c.1-.25.2-.53.28-.83c.01-.01.01-.02.01-.03c.06-.22.12-.46.17-.7c.18-.87.28-1.87.28-2.94c0-.06 0-.11-.01-.17c-.01-1.55-.23-2.96-.6-4c-.3-.86-.68-1.46-1.12-1.71c.21-.09.43-.13.66-.13c.93 0 1.77.7 2.37 1.84c.55 1.04.89 2.45.91 4c.01.06.01.11.01.17m-.86 10.37c-.01 4.35-2.44 11-2.44 11s-.29-.76-.68-1.94c.48-2.3 1.18-6.18 1.19-9.06c.01-1.13-.1-2.1-.37-2.76c-.08-.21-.19-.39-.3-.53a1.1 1.1 0 0 0-.43-.32q.45-.12 1.05-.06c.38.04.7.17.96.38c.18.14.34.32.46.53c.41.66.57 1.63.56 2.76"/><path fill="#f1b31c" d="M41.08 36.4c0 1.13-.15 2.18-.42 3.1c-.08.26-.17.51-.26.74c0 .01 0 .02-.01.03c-.13.32-.27.61-.43.88c-.33.58-.73 1.02-1.18 1.29c-.01.01-.03.02-.04.02c.17.06.32.15.46.27c.18.14.34.33.46.55c.41.68.57 1.67.56 2.84c0 1.21-.62 4.8-1.02 6.88l-1.13-2.82l.02-.51l.13-3.3c.01-1.13-.15-2.1-.56-2.76c-.12-.21-.28-.39-.46-.53c-.26-.21-.58-.34-.96-.38c-.24-.02-.46-.03-.66 0v-.72c.07.02.14.02.21.02c.35 0 .68-.1.99-.28c.45-.25.85-.67 1.18-1.21c.16-.25.3-.53.43-.83c.01-.01.01-.02.01-.03c.09-.22.18-.46.26-.7c.01-.04.03-.09.04-.14v-.02c.25-.83.38-1.78.38-2.78c0-.06 0-.11-.01-.17c-.02-1.42-.31-2.74-.79-3.75l-.03-.09c-.02-.05-.03-.1-.05-.15h.97c.16-.23.32-.45.48-.68c.18.24.36.52.51.83c.55 1.1.89 2.59.91 4.22c.01.06.01.12.01.18"/><path fill="#3f3f3f" d="M39.07 35.84c.01.06.01.11.01.17c0 1-.13 1.95-.38 2.78c.1-.74.16-1.54.16-2.39c0-.06 0-.12-.01-.18c-.01-1.59-.22-3.04-.57-4.13c.48 1.01.77 2.33.79 3.75"/><circle cx="59.082" cy="25.4" r="1.5" fill="#fff"/><circle cx="55.082" cy="26.4" r="1.5" fill="#fff"/><circle cx="49.082" cy="53.4" r="1.5" fill="#fff"/><circle cx="12.082" cy="22.4" r="1.5" fill="#d0cfce"/><circle cx="16.497" cy="26.4" r="1.5" fill="#d0cfce"/><circle cx="21.082" cy="54.4" r="1.5" fill="#d0cfce"/><path fill="#3f3f3f" d="M36.53 27.32c0 1.18-.6 2.18-1.41 2.45C33.9 29.49 33 28.5 33 27.32c0-1.17.9-2.16 2.12-2.44c.81.27 1.41 1.27 1.41 2.44m.33 8.75c0 1.07-.1 2.07-.28 2.94c-.05.24-.11.48-.17.7c0 .01 0 .02-.01.03c-.08.3-.18.58-.28.83c-.22.55-.48.97-.78 1.22c-.07.06-.15.11-.22.15c-.2-.07-.4-.18-.58-.32c-.14-.1-.26-.22-.39-.35c-.05-.05-.1-.11-.15-.17c-.06-.07-.12-.14-.17-.22c-.07-.09-.13-.19-.2-.29c-.01 0-.01-.01-.01-.02c-.07-.12-.14-.24-.21-.37c-.08-.14-.15-.3-.22-.46c-.01-.01-.01-.02-.01-.03c-.09-.22-.18-.46-.26-.7c-.05-.17-.1-.35-.14-.53a4 4 0 0 1-.08-.37c-.09-.42-.15-.86-.17-1.32a9 9 0 0 1-.03-.72c0-.06 0-.11.01-.17v-.17c0-.13.01-.27.02-.4c.01-.19.03-.38.05-.56s.05-.36.08-.54c.15-.88.42-1.68.76-2.33c.45-.86 1.04-1.47 1.7-1.71h.01c.44.25.82.85 1.12 1.71c.37 1.04.59 2.45.6 4c.01.06.01.11.01.17m-.57 10.37c-.01 2.88-.71 6.76-1.19 9.06c-.79-2.44-1.98-6.65-1.78-9.56c.06-.89.25-1.65.62-2.21c.01-.02.02-.04.04-.05a2 2 0 0 1 1.21-.85c.16.06.3.17.43.32c.11.14.22.32.3.53c.27.66.38 1.63.37 2.76"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="1.922" d="M48.543 39.738c2.274.72 6.106 1.565 6.722 4.809c.65 3.423 1.382 10.376-.831 13.353s-9.407 1.977-11.55.064c-1.422-1.27-2.234-3.323-2.84-5.638m8.361-12.62c4.245.252 8.38.253 11.147-2.886c3.007-3.411 4.404-10.54 4.346-14.808c-.058-4.267-1.572-5.68-3.828-5.5s-5.255 1.947-8.018 3.583s-5.293 3.14-7.4 5.086c-2.109 1.946-3.795 4.334-5.481 6.723"/><ellipse cx="35.79" cy="27.325" stroke-width="1.718" rx="2.792" ry="2.512"/><ellipse cx="35.79" cy="36.066" stroke-width="1.922" rx="3.292" ry="6.007"/><path stroke-width="1.922" d="M35.783 57.445s5.181-14.187.455-14.671c-6.332-.65-.455 14.67-.455 14.67"/><path stroke-width="1.987" d="M37.353 24.35s3.93-12.455 9.825-12.455"/><path stroke-width="1.922" d="M31.535 52.326c-.607 2.315-1.418 4.367-2.841 5.638c-2.143 1.913-9.335 2.913-11.549-.064s-1.481-9.93-.831-13.353c.616-3.244 4.448-4.09 6.722-4.809m9.372-7.834c-1.687-2.39-3.373-4.777-5.48-6.723c-2.109-1.946-4.637-3.45-7.401-5.086s-5.763-3.405-8.019-3.584s-3.77 1.234-3.828 5.501S9.02 33.41 12.026 36.82c2.768 3.14 6.902 3.138 11.147 2.886"/><path stroke-width="1.987" d="M34.406 24.35s-3.93-12.455-9.824-12.455"/><path stroke-width="1.922" d="m43.582 30.9l1.168-1.168a48.8 48.8 0 0 1 10.806-8.151l3.026-1.681"/><path stroke-width="1.88" d="M53.337 50.9v1.393c0 4.536-2.706 5.342-5.62 4.762l-1.135-.226m-23-13.929l-2.312.578a2.75 2.75 0 0 0-2.03 2.129l-.658 3.293m-.339-11.867l-.599-.249c-2.702-1.122-4.652-3.195-5.308-5.644l-1.399-5.228"/></g></svg>Как использовать иконку Monarch Butterfly
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:monarch-butterfly" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:monarch-butterfly" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:monarch-butterfly" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--monarch-butterfly]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:monarch-butterfly"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:monarch-butterfly"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/openmoji/monarch-butterfly.svg" alt="Иконка Monarch Butterfly" width="24" height="24">Иконка Monarch Butterfly в других наборах
Вопросы и ответы: Иконка Monarch Butterfly
Можно ли бесплатно использовать иконку Monarch Butterfly в коммерческих проектах?
Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Monarch Butterfly в React?
Установите @iconify/react и выведите <Icon icon="openmoji:monarch-butterfly" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Monarch Butterfly на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/monarch-butterfly.svg" alt="Иконка Monarch Butterfly">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.