Иконка Beetle
fluent-emoji-flat:beetle
Иконка Beetle (fluent-emoji-flat:beetle) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji Flat
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Животные и природа
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#14a085" d="m18.722 3.76l-1.35 2.26c1.54.56 2.64 2.03 2.64 3.76v.26h-7.99v-.27c0-1.71 1.08-3.17 2.6-3.74l-1.32-2.28a.493.493 0 0 1 .18-.68c.24-.14.54-.06.68.18l1.47 2.55l.026-.003c.12-.009.233-.018.354-.018c.11 0 .22 0 .33.01l1.52-2.55c.15-.23.45-.31.69-.17c.23.15.31.45.17.69m-8.3 10.711a.744.744 0 0 0 .48-1.32L8.292 11c-.49-.4-.77-.99-.77-1.62v-2.2c0-.49-.19-.96-.54-1.31l-.67-.67a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l.68.68c.07.07.1.15.1.25v2.2c0 1.08.48 2.09 1.31 2.77l2.61 2.14c.13.11.3.17.47.17m11.2 0a.744.744 0 0 1-.48-1.32l2.61-2.14c.48-.4.76-.99.76-1.61V7.2c0-.49.19-.96.54-1.31l.68-.68c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-.68.68c-.07.07-.1.15-.1.25v2.2c0 1.08-.48 2.09-1.31 2.77l-2.61 2.14c-.14.1-.31.16-.47.16m-16.84 15.5c-.41 0-.75-.34-.75-.75v-3.05c0-.81.31-1.57.88-2.14l2.33-2.33c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-2.33 2.33c-.29.29-.45.67-.45 1.08v3.05c.01.42-.33.75-.74.75m23.22-.75c0 .41-.34.75-.75.75s-.75-.33-.74-.75v-3.05c0-.41-.16-.79-.45-1.08l-2.33-2.33a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l2.33 2.33c.57.57.88 1.33.88 2.14zm1.25-11.81c-.22 0-.44-.1-.59-.29l-.91-1.18c-.24-.31-.6-.48-.99-.48h-3.65c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h3.65c.85 0 1.65.39 2.17 1.06l.91 1.18c.25.33.19.8-.13 1.05c-.14.11-.3.16-.46.16m-26.96-.16c.14.11.3.16.46.16c.22 0 .44-.1.59-.29l.91-1.18c.24-.3.6-.48.99-.48h3.65c.41 0 .75-.34.75-.75s-.34-.75-.75-.75h-3.65a2.7 2.7 0 0 0-2.17 1.06l-.91 1.18c-.26.33-.2.8.13 1.05"/><path fill="#533566" d="M22.012 10.97L16 10l-5.978.97v1.53h3v2.59H14v13.86h4V15.09h2.052V12.5h1.96z"/><path fill="#00d26a" d="M10.022 11H22l.002-1c0-1.22-.99-2.21-2.21-2.21h-7.56c-1.22 0-2.21.99-2.21 2.21zm3.75.99h-3.11c-3.11 0-5.64 2.52-5.64 5.63v2.35c0 5.17 3.92 9.47 8.95 9.99a.933.933 0 0 0 1.04-.93v-15.8c.01-.68-.55-1.24-1.24-1.24m7.6 0h-3.11c-.69 0-1.25.56-1.24 1.24v15.8c0 .56.48.99 1.04.93c5.03-.52 8.95-4.82 8.95-9.99v-2.35c0-3.11-2.53-5.63-5.64-5.63"/><path fill="#f9c23c" d="M21 15.45c0-.55-.45-1-1-1s-1 .45-1 1v3.02c0 .55.45 1 1 1s1-.45 1-1zm4 1.51c0-.55-.45-1-1-1s-.99.45-1 1v3.02c0 .55.45 1 1 1s1-.45 1-1zm-17.018-1c.55 0 1 .45 1 1v3.02c0 .55-.45 1-1 1s-1-.45-1-1v-3.02c0-.55.45-1 1-1m5.08-.51c0-.55-.45-1-1-1s-1 .45-1 1v3.02c0 .55.45 1 1 1s1-.45 1-1z"/></g></svg>Как использовать иконку Beetle
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:beetle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:beetle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:beetle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--beetle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:beetle"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:beetle"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/beetle.svg" alt="Иконка Beetle" width="24" height="24">Иконка Beetle в других наборах
Вопросы и ответы: Иконка Beetle
Можно ли бесплатно использовать иконку Beetle в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Beetle в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:beetle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Beetle на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/beetle.svg" alt="Иконка Beetle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.