Иконка Rabbit Face
streamline-emojis:rabbit-face
Иконка Rabbit Face (streamline-emojis:rabbit-face) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Streamline Emojis
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Животные и природа
- Теги
- rabbitface
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12.5 45.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#bdbec0" d="M28.83 11.85c-.49 4.21-.06 10.94 1.83 14.12c2.57-2.67 4.61-6.42 5.37-13.28a18.46 18.46 0 0 0-1.7-10.2a.94.94 0 0 0-1.52-.18a18.3 18.3 0 0 0-3.98 9.54m-9.66 0c.49 4.21.06 10.94-1.83 14.12c-2.57-2.67-4.61-6.42-5.34-13.28a18.46 18.46 0 0 1 1.7-10.2a.94.94 0 0 1 1.52-.18a18.3 18.3 0 0 1 3.95 9.54"/><path fill="#e0e0e0" d="M28.83 14.44a18.3 18.3 0 0 1 4-9.54a.94.94 0 0 1 1.52.17a17.9 17.9 0 0 1 1.76 6.73a18.27 18.27 0 0 0-1.76-9.31a.94.94 0 0 0-1.52-.18a18.3 18.3 0 0 0-4 9.54a33.5 33.5 0 0 0-.16 4.82c.03-.79.08-1.54.16-2.23M13.67 5.07a.94.94 0 0 1 1.52-.17a18.3 18.3 0 0 1 4 9.54c.08.69.13 1.44.16 2.23a33.5 33.5 0 0 0-.16-4.82a18.3 18.3 0 0 0-4-9.54a.94.94 0 0 0-1.52.18a18.27 18.27 0 0 0-1.76 9.31a17.9 17.9 0 0 1 1.76-6.73"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.83 11.85c-.49 4.21-.06 10.94 1.83 14.12c2.57-2.67 4.61-6.42 5.37-13.28a18.46 18.46 0 0 0-1.7-10.2a.94.94 0 0 0-1.52-.18a18.3 18.3 0 0 0-3.98 9.54m-9.66 0c.49 4.21.06 10.94-1.83 14.12c-2.57-2.67-4.61-6.42-5.34-13.28a18.46 18.46 0 0 1 1.7-10.2a.94.94 0 0 1 1.52-.18a18.3 18.3 0 0 1 3.95 9.54"/><path fill="#ffe5ee" d="M30.66 18.53a22.2 22.2 0 0 1 .39-7.45a16.9 16.9 0 0 1 1.88-5.19a.39.39 0 0 1 .72.09a21 21 0 0 1 .54 7.45a13.6 13.6 0 0 1-2 6.27Zm-13.32 0a22.2 22.2 0 0 0-.34-7.45a16.9 16.9 0 0 0-1.88-5.19a.39.39 0 0 0-.72.09a21 21 0 0 0-.54 7.45a13.6 13.6 0 0 0 2 6.27Z"/><path fill="#fcd" d="M31.05 14.45a17 17 0 0 1 1.88-5.19a.4.4 0 0 1 .72.09a20 20 0 0 1 .58 3.52A20.9 20.9 0 0 0 33.65 6a.39.39 0 0 0-.72-.09a16.9 16.9 0 0 0-1.88 5.19a23.4 23.4 0 0 0-.47 6.71a24 24 0 0 1 .47-3.36m-16.7-5.1a.4.4 0 0 1 .72-.09A17 17 0 0 1 17 14.45a24 24 0 0 1 .47 3.34a23.4 23.4 0 0 0-.47-6.71a16.9 16.9 0 0 0-1.88-5.19a.39.39 0 0 0-.72.09a20.9 20.9 0 0 0-.58 6.89a20 20 0 0 1 .53-3.52"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.66 18.53a22.2 22.2 0 0 1 .39-7.45a16.9 16.9 0 0 1 1.88-5.19a.39.39 0 0 1 .72.09a21 21 0 0 1 .54 7.45a13.6 13.6 0 0 1-2 6.27Zm-13.32 0a22.2 22.2 0 0 0-.34-7.45a16.9 16.9 0 0 0-1.88-5.19a.39.39 0 0 0-.72.09a21 21 0 0 0-.54 7.45a13.6 13.6 0 0 0 2 6.27Z"/><path fill="#fff" d="M25.87 44.5h-3.74a.78.78 0 0 1-.78-.7l-.57-5.21h6.44l-.57 5.21a.78.78 0 0 1-.78.7"/><path fill="#f0f0f0" d="m26.75 42.94l.47-4.35h-6.44l.47 4.35z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M25.87 44.5h-3.74a.78.78 0 0 1-.78-.7l-.57-5.21h6.44l-.57 5.21a.78.78 0 0 1-.78.7M24 40.19v4.31"/><path fill="#bdbec0" d="M34.78 25.11a1 1 0 0 1-.52-.69l-.55-2.94c-.57-4-4.75-7-9.71-7s-9.14 3-9.71 7l-.55 2.94a1 1 0 0 1-.52.69A7.16 7.16 0 0 0 9.5 31.3v.55a7.53 7.53 0 0 0 7.76 7.26h2.93a3.8 3.8 0 0 0 3.81-3a3.8 3.8 0 0 0 3.81 3h2.93a7.53 7.53 0 0 0 7.76-7.26v-.55a7.16 7.16 0 0 0-3.72-6.19"/><path fill="#e0e0e0" d="M34.78 25.11a1 1 0 0 1-.52-.69l-.55-2.94c-.57-4-4.75-7-9.71-7s-9.14 3-9.71 7l-.55 2.94a1 1 0 0 1-.52.69A7.16 7.16 0 0 0 9.5 31.3v.55a6.7 6.7 0 0 0 .14 1.35a7.28 7.28 0 0 1 3.58-4.9a1 1 0 0 0 .52-.69l.55-2.93c.57-4 4.75-7 9.71-7s9.14 3 9.71 7l.55 2.93a1 1 0 0 0 .52.69a7.28 7.28 0 0 1 3.58 4.9a6.7 6.7 0 0 0 .14-1.35v-.55a7.16 7.16 0 0 0-3.72-6.19"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.78 25.11a1 1 0 0 1-.52-.69l-.55-2.94c-.57-4-4.75-7-9.71-7s-9.14 3-9.71 7l-.55 2.94a1 1 0 0 1-.52.69A7.16 7.16 0 0 0 9.5 31.3v.55a7.53 7.53 0 0 0 7.76 7.26h2.93a3.8 3.8 0 0 0 3.81-3a3.8 3.8 0 0 0 3.81 3h2.93a7.53 7.53 0 0 0 7.76-7.26v-.55a7.16 7.16 0 0 0-3.72-6.19"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.39 27.86a1.36 1.36 0 1 0 2.72 0a1.36 1.36 0 1 0-2.72 0m-11.5 0a1.36 1.36 0 1 0 2.72 0a1.36 1.36 0 1 0-2.72 0"/><path fill="#f0f0f0" d="M36.64 31.26c0 .48-.73.87-1.64.87s-1.64-.39-1.64-.87s.73-.87 1.64-.87s1.64.39 1.64.87m-22 .26c0 .48-.73.87-1.64.87s-1.64-.39-1.64-.87s.73-.86 1.64-.86s1.64.39 1.64.86m11.68-1.34a1.81 1.81 0 0 1-1.32-.89a1.13 1.13 0 0 0-2 0a1.81 1.81 0 0 1-1.33.89c-4.4.69-7.68 3.25-7.68 6.32C14 40.09 18.54 43 24 41c5.5 1.88 10-.91 10-4.5c0-3.07-3.28-5.63-7.68-6.32"/><path fill="#fff" d="M21.68 32.39a1.82 1.82 0 0 0 1.33-.9a1.13 1.13 0 0 1 2 0a1.82 1.82 0 0 0 1.33.9c3.86.6 6.86 2.64 7.54 5.21a4.5 4.5 0 0 0 .12-1.1c0-3.07-3.28-5.63-7.68-6.32a1.81 1.81 0 0 1-1.32-.89a1.13 1.13 0 0 0-2 0a1.81 1.81 0 0 1-1.33.89c-4.4.69-7.68 3.25-7.68 6.32a4.5 4.5 0 0 0 .14 1.1c.69-2.6 3.69-4.6 7.55-5.21"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.32 30.18a1.81 1.81 0 0 1-1.32-.89a1.13 1.13 0 0 0-2 0a1.81 1.81 0 0 1-1.33.89c-4.4.69-7.68 3.25-7.68 6.32C14 40.09 18.54 43 24 41c5.5 1.88 10-.91 10-4.5c0-3.07-3.28-5.63-7.68-6.32"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.69 34.61a2.76 2.76 0 0 1-5.38 0c0-.89 1.21-1.61 2.69-1.61s2.69.72 2.69 1.61"/></svg>Как использовать иконку Rabbit Face
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:rabbit-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:rabbit-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:rabbit-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--rabbit-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:rabbit-face"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:rabbit-face"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/rabbit-face.svg" alt="Иконка Rabbit Face" width="24" height="24">Похожие иконки в наборе Streamline Emojis
Иконка Rabbit Face в других наборах
Вопросы и ответы: Иконка Rabbit Face
Можно ли бесплатно использовать иконку Rabbit Face в коммерческих проектах?
Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Rabbit Face в React?
Установите @iconify/react и выведите <Icon icon="streamline-emojis:rabbit-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Rabbit Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/rabbit-face.svg" alt="Иконка Rabbit Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.