Иконка Rabbit
fluent-emoji-flat:rabbit
Иконка Rabbit (fluent-emoji-flat:rabbit) — бесплатная 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="#9b9b9b" fill-rule="evenodd" d="M17.489 5.345a2.41 2.41 0 0 0-.13-2.145a2.406 2.406 0 0 0-3.44-.78L8.65 6.028c-2.655.283-4.938 1.688-6.02 4.069c-.056.124-.111.256-.16.371l-.002.007L1.419 13A5.3 5.3 0 0 0 1 15.08A4.926 4.926 0 0 0 5.92 20h2.11v7.172a3.01 3.01 0 0 0-2 2.828a1 1 0 0 0 1 1h14.94a5.23 5.23 0 0 0 4.947-3.548q.276-.809.557-1.626c.401-1.162.806-2.336 1.185-3.509l.004-.014l.005-.015A8.2 8.2 0 0 0 29 20a8.8 8.8 0 0 0-.339-2.36a4 4 0 1 0-5.306-5.288A8 8 0 0 0 21 12h-1.385a3.404 3.404 0 1 0-.282-6.797h-.001z" clip-rule="evenodd"/><path fill="#fff" d="m9 7l10.41-.8a2.404 2.404 0 1 1 .19 4.8h-4.94c.22.63.34 1.3.34 2h6c1.082 0 2.105.245 3.017.681a3 3 0 1 1 3.294 3.303C27.707 17.61 28 18.91 28 20c0 .683-.103 1.354-.293 2.01c-.554 1.714-1.157 3.414-1.737 5.12a4.23 4.23 0 0 1-4 2.87H14c0-1.1.9-2 2-2h.7c.17 0 .31-.14.31-.31V27h-2.98l-.71 2.12c-.18.53-.67.88-1.22.88H7.03c0-1.1.9-2 2-2v-9H5.92C3.76 19 2 17.24 2 15.08c0-.58.11-1.16.34-1.69l1.05-2.53c.05-.12.1-.24.15-.35C4.48 8.44 6.52 7.19 9 7"/><path fill="#ff8687" d="M19.49 7.19h.11c.79 0 1.43.66 1.39 1.46c-.03.76-.68 1.35-1.44 1.35h-7.04a.46.46 0 0 1-.44-.57a2.4 2.4 0 0 1 2.15-1.83zM2 15.08c.12-.05.25-.08.38-.08c.56 0 1 .45 1 1c0 .51-.38.93-.88.99a3.83 3.83 0 0 1-.5-1.91"/><path fill="#1c1c1c" d="M6.81 14.62a.81.81 0 1 0 0-1.62a.81.81 0 0 0 0 1.62"/></g></svg>Как использовать иконку Rabbit
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:rabbit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:rabbit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:rabbit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--rabbit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:rabbit"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:rabbit"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/rabbit.svg" alt="Иконка Rabbit" width="24" height="24">Похожие иконки в наборе Fluent Emoji Flat
Иконка Rabbit в других наборах
Вопросы и ответы: Иконка Rabbit
Можно ли бесплатно использовать иконку Rabbit в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Rabbit в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:rabbit" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Rabbit на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/rabbit.svg" alt="Иконка Rabbit">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.