ICONYZ
Русский
Иконка Lady Beetle из набора Emoji One (Colored)

Иконка Lady Beetle

emojione:lady-beetle

Иконка Lady Beetle (emojione:lady-beetle) — бесплатная SVG-иконка из набора Emoji One (Colored) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Emoji One (Colored)
Автор
Emoji One
Лицензия
CC-BY-4.0
Размер
64 × 64
Категория
Природа
Теги
ladybeetle
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#6b3838" d="M6.6 50.4c5.3 3.2 14.7 5.3 25.4 5.3s20.1-2.1 25.4-5.3z"/><path fill="#3e4347" d="m56.7 49l-1.5 1s4 4.5 4 10.9c0 1.5 1.6 1.5 1.6 0c0-6.4-4.1-11.9-4.1-11.9m-3.8 0l-1.5 1s4 4.5 4 10.9c0 1.5 1.6 1.5 1.6 0c.1-6.4-4.1-11.9-4.1-11.9m-3.7 0l-1.5 1s4 4.5 4 10.9c0 1.5 1.6 1.5 1.6 0c0-6.4-4.1-11.9-4.1-11.9M7.3 49l1.5 1s-4 4.5-4 10.9c0 1.5-1.6 1.5-1.6 0C3.2 54.5 7.3 49 7.3 49m3.8 0l1.5.9s-4 4.5-4 10.9c0 1.5-1.6 1.5-1.6 0c-.1-6.3 4.1-11.8 4.1-11.8m3.7 0l1.5.9s-4 4.5-4 10.9c0 1.5-1.6 1.5-1.6 0c0-6.3 4.1-11.8 4.1-11.8"/><path fill="#ed4c5c" d="M54.8 28.1Q52.7 25.25 50 23l-10.6-5.9C37 16.4 34.6 16 32 16q-4.05 0-7.8 1.2L6.5 32.3c-.9 1.6-1.6 3.3-2.2 5.1L2.1 47.8c-.1.8-.1 1.7-.1 2.6h60c0-2-.1-3.9-.4-5.8z"/><path fill="#3e4347" d="M24.7 21c0-1.3-.2-2.6-.5-3.8c-7.4 2.3-13.8 7.8-17.7 15.1c1.8 1.4 4.1 2.2 6.4 2.2c6.5 0 11.8-6 11.8-13.5m21.2 3.6c1.6 0 3-.6 4.1-1.7c-3.1-2.7-6.7-4.7-10.6-5.9v.1c0 4.2 2.9 7.5 6.5 7.5m6.5 10.2c0 5.4 3.8 9.8 8.5 9.8h.6c-.9-6.3-3.3-11.9-6.8-16.6c-1.4 1.8-2.3 4.2-2.3 6.8M6.2 42c0-1.9-.8-3.6-2-4.6c-1.2 3.2-1.9 6.7-2.1 10.4c2.3-.6 4.1-2.9 4.1-5.8m26.6-26L32 34.9L31.2 16zM32 35.2c-9.6 0-17.5 7-17.5 15.8c0 7.6 4.9 9.8 17.5 9.8c12.5 0 17.4-2.2 17.4-9.8c.1-8.8-7.8-15.8-17.4-15.8"/><path fill="#fff" d="M28.3 54.1c.2.8.7 1.5 1.4 1.9s1.5.5 2.3.5s1.6-.2 2.3-.5c.7-.4 1.2-1 1.4-1.9c.2.8-.2 1.8-1 2.4c-.7.6-1.7.8-2.7.8s-2-.2-2.7-.8c-.8-.6-1.2-1.6-1-2.4"/><path fill="#fcfcfa" d="M16.2 50.7c-.9.7-.4 2.8 1.1 4.5c1.6 1.8 3.6 2.6 4.6 1.8c.9-.7.4-2.8-1.2-4.5c-1.5-1.7-3.5-2.5-4.5-1.8m31.6 0c-.9-.7-3 .1-4.6 1.8c-1.6 1.8-2.1 3.8-1.2 4.5s3-.1 4.6-1.8s2.1-3.7 1.2-4.5m-17.6-3.4c0 2.7-2.3 5-5.1 5s-5.1-2.2-5.1-5c0-2.7 2.3-5 5.1-5c2.8.1 5.1 2.3 5.1 5"/><path fill="#3e4347" d="M28.6 47.3c0 1.9-1.6 3.4-3.5 3.4s-3.5-1.5-3.5-3.4s1.6-3.4 3.5-3.4s3.5 1.6 3.5 3.4"/><path fill="#fcfcfa" d="M44.1 47.3c0 2.7-2.3 5-5.1 5s-5.1-2.2-5.1-5c0-2.7 2.3-5 5.1-5s5.1 2.3 5.1 5"/><path fill="#3e4347" d="M42.5 47.3c0 1.9-1.6 3.4-3.5 3.4s-3.5-1.5-3.5-3.4s1.6-3.4 3.5-3.4s3.5 1.6 3.5 3.4"/></svg>

Как использовать иконку Lady Beetle

React

import { Icon } from "@iconify/react";

<Icon icon="emojione:lady-beetle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione:lady-beetle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione:lady-beetle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--lady-beetle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:lady-beetle"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione:lady-beetle"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/emojione/lady-beetle.svg" alt="Иконка Lady Beetle" width="24" height="24">

Иконка Lady Beetle в других наборах

Вопросы и ответы: Иконка Lady Beetle

Можно ли бесплатно использовать иконку Lady Beetle в коммерческих проектах?

Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Lady Beetle в React?

Установите @iconify/react и выведите <Icon icon="emojione:lady-beetle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Lady Beetle на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione/lady-beetle.svg" alt="Иконка Lady Beetle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Emoji One (Colored) →