Иконка Beetle
fluent-emoji-high-contrast:beetle
Иконка Beetle (fluent-emoji-high-contrast:beetle) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- 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="currentColor"><path d="M7.982 15.96c.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-1zm6.938-1c.55 0 1 .45 1 1v3.02c0 .55-.45 1-1 1s-1-.45-1-1v-3.02c0-.55.45-1 1-1m5 2.51c0-.55-.45-1-1-1s-.99.45-1 1v3.02c0 .55.45 1 1 1s1-.45 1-1z"/><path d="m17.372 6.02l1.35-2.26c.14-.24.06-.54-.17-.69a.513.513 0 0 0-.69.17l-1.52 2.55c-.11-.01-.22-.01-.33-.01c-.121 0-.234.008-.354.017l-.026.002l-1.47-2.55a.493.493 0 0 0-.68-.18c-.24.14-.32.44-.18.68l1.32 2.28a4 4 0 0 0-1.26.76h-1.13A3.21 3.21 0 0 0 9.022 10v1.194a7 7 0 0 0-.367.105L8.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 .995.407 1.93 1.12 2.603a6.7 6.7 0 0 0-2.028 1.97a2.7 2.7 0 0 0-2.052 1.057l-.91 1.18c-.26.33-.2.8.13 1.05c.14.11.3.16.46.16c.22 0 .44-.1.59-.29l.888-1.15a6.6 6.6 0 0 0-.208 1.65v2.35c0 1.464.286 2.865.805 4.148a3 3 0 0 0-.795 2.052v3.05c0 .41.34.75.75.75s.75-.33.74-.75v-3.05q0-.26.083-.497c1.737 2.886 4.752 4.918 8.262 5.282a1.933 1.933 0 0 0 2.145-1.925v-.08h.01v.08c0 1.158.998 2.046 2.143 1.925c3.511-.363 6.526-2.396 8.264-5.282q.083.238.083.497v3.05c-.01.42.33.75.74.75s.75-.34.75-.75v-3.05c0-.769-.28-1.493-.796-2.052a11 11 0 0 0 .806-4.148v-2.35a6.6 6.6 0 0 0-.193-1.593l.843 1.093c.15.19.37.29.59.29c.16 0 .32-.05.46-.16c.32-.25.38-.72.13-1.05l-.91-1.18a2.74 2.74 0 0 0-2.021-1.056A6.7 6.7 0 0 0 24.895 12a3.57 3.57 0 0 0 1.117-2.6V7.2c0-.1.03-.18.1-.25l.68-.68c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-.68.68c-.35.35-.54.82-.54 1.31v2.2a2.1 2.1 0 0 1-.76 1.61l-.358.293a7 7 0 0 0-.392-.112V9.999a3.21 3.21 0 0 0-3.21-3.21h-1.127a4 4 0 0 0-1.293-.77m3.63 4.95h-9.98V10c0-.668.542-1.21 1.21-1.21h7.56c.668 0 1.21.542 1.21 1.21zm-10.34 2.02h3.11c.146 0 .242.116.24.225v15.743c-4.489-.496-7.99-4.351-7.99-8.989v-2.35c0-2.555 2.08-4.63 4.64-4.63m7.36.225a.234.234 0 0 1 .24-.226h3.11c2.56 0 4.64 2.075 4.64 4.63v2.35c0 4.637-3.501 8.493-7.99 8.989V13.215"/></g></svg>Как использовать иконку Beetle
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:beetle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:beetle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:beetle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--beetle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:beetle"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:beetle"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/beetle.svg" alt="Иконка Beetle" width="24" height="24">Иконка Beetle в других наборах
Вопросы и ответы: Иконка Beetle
Можно ли бесплатно использовать иконку Beetle в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Beetle в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:beetle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Beetle на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/beetle.svg" alt="Иконка Beetle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.