Иконка Blackdroplet

fxemoji:blackdroplet

Иконка Blackdroplet (fxemoji:blackdroplet) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Firefox OS Emoji
Автор: Mozilla
Лицензия: Apache-2.0
Размер: 512 × 512
Категория: Предметы

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#00B1FF" d="M261.891 12.452s.725 3.365 2.765 9.254c1.914 5.889 5.213 14.301 9.64 24.396c2.427 5.048 4.767 10.516 7.77 16.299c3.079 5.784 5.902 11.883 9.612 18.192c3.632 6.309 7.066 12.829 11.189 19.454l12.123 20.085c3.961 6.73 8.442 13.46 12.575 20.085c4.184 6.625 8.294 13.145 12.556 19.454c4.225 6.309 8.143 12.409 12.155 18.192l11.303 16.299l17.868 24.396l7.202 9.254c57.709 74.151 44.38 181.045-29.771 238.754s-181.045 44.38-238.754-29.771c-48.824-62.735-46.685-148.989 0-208.983l7.202-9.254l17.868-24.396l11.303-16.299c4.012-5.784 7.931-11.883 12.155-18.192c4.262-6.309 8.372-12.829 12.556-19.454c4.132-6.625 8.613-13.355 12.575-20.085l12.123-20.085c4.123-6.625 7.557-13.145 11.189-19.454c3.709-6.309 6.533-12.409 9.612-18.192c3.003-5.784 5.344-11.252 7.77-16.299c4.427-10.095 7.726-18.508 9.64-24.396c2.04-5.889 2.765-9.254 2.765-9.254a7.675 7.675 0 0 1 15.009 0"/><path fill="#76DFFF" d="m162.843 260.414l-.988 4.458c-.35 1.438-.734 3.184-.76 4.824c-.092 1.79-.365 3.415-.339 5.751c.003 2.242-.166 4.545.074 7.104c.116 2.509.314 5.125.736 7.855c.66 5.395 1.976 11.114 3.575 16.647c3.231 11.107 8.165 21.538 12.413 28.164a50 50 0 0 0 5.21 7.023l1.882 1.677c13.78 12.276 14.999 33.399 2.723 47.178c-12.276 13.78-33.399 14.999-47.178 2.723a33.26 33.26 0 0 1-10.052-16.297l-1.615-6.023l-1.732-6.442c-.812-3.863-1.753-9.208-2.185-15.196c-1.008-12.035-.447-27.26 2.327-42.032c1.404-7.384 3.223-14.623 5.595-21.229c1.089-3.3 2.381-6.436 3.69-9.356c1.174-2.926 2.719-5.607 3.97-8.048c1.172-2.386 2.827-4.801 4.005-6.736c1.241-2.097 2.348-3.445 3.264-4.538l2.87-3.549a7.137 7.137 0 0 1 10.037-1.062c2.174 1.758 3.04 4.547 2.478 7.104"/></svg>

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

React

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

<Icon icon="fxemoji:blackdroplet" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:blackdroplet" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:blackdroplet" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--blackdroplet]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:blackdroplet"></div>

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

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

<iconify-icon icon="fxemoji:blackdroplet"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fxemoji/blackdroplet.svg" alt="Иконка Blackdroplet" width="24" height="24">

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

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

Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки Firefox OS Emoji →