Иконка Jellyfish
fluent-emoji-high-contrast:jellyfish
Иконка Jellyfish (fluent-emoji-high-contrast:jellyfish) — бесплатная 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"><path fill="currentColor" fill-rule="evenodd" d="M23 32a8 8 0 0 1-7-4.124A8 8 0 0 1 9 32H7.5a3 3 0 0 1-1.702-5.47C3.162 25.98 1 23.672 1 20.645V19a3 3 0 1 1 6 0v-2.014c-1.77-1.5-3-3.564-3-5.986C4 6.117 8.31 0 16 0s12 6.117 12 11c0 2.422-1.23 4.485-3 5.986V19a3 3 0 1 1 6 0v1.646c0 3.027-2.162 5.335-4.798 5.883A3 3 0 0 1 24.5 32zM9 18.285v2.36a2 2 0 0 1-4 0V19a1 1 0 1 0-2 0v1.646c0 2.973 3.13 4.907 5.789 3.578A4 4 0 0 0 11 20.646v-1.449c-.73-.253-1.402-.56-2-.912m14 0c-.598.352-1.27.659-2 .912v1.449a4 4 0 0 0 2.211 3.578c2.66 1.33 5.789-.605 5.789-3.578V19a1 1 0 1 0-2 0v1.646a2 2 0 1 1-4 0zm-8 1.685a16 16 0 0 1-2-.245V24a4 4 0 0 1-4 4H7.5a1 1 0 1 0 0 2H9a6 6 0 0 0 6-6zm4-.245q-.963.183-2 .245V24a6 6 0 0 0 6 6h1.5a1 1 0 1 0 0-2H23a4 4 0 0 1-4-4zM26 11c0 3.866-4.477 7-10 7S6 14.866 6 11c0-3.491 2.854-8.016 8.194-8.861a2 2 0 0 0-.18 1.092c-2.608.59-5.417 2.334-6.604 5.5c-1.5 4 1.552 4.88 2.988 2.73c.508-.76 1.015-1.844 1.533-2.951c.809-1.73 1.644-3.516 2.55-4.21q.204.239.472.404C13.986 8.816 13.006 16 16.076 16c3.092 0 2.076-7.287 1.102-11.384q.19-.14.344-.318c.907.691 1.743 2.48 2.553 4.212c.518 1.107 1.025 2.19 1.533 2.951c1.436 2.15 4.488 1.27 2.988-2.73c-1.311-3.496-4.217-5.258-6.598-5.647L18 3c0-.308-.07-.6-.194-.861C23.146 2.984 26 7.509 26 11" clip-rule="evenodd"/></svg>
Как использовать иконку Jellyfish
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:jellyfish" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:jellyfish" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:jellyfish" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--jellyfish]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:jellyfish"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:jellyfish"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/jellyfish.svg" alt="Иконка Jellyfish" width="24" height="24">
Иконка Jellyfish в других наборах
Вопросы и ответы: Иконка Jellyfish
Можно ли бесплатно использовать иконку Jellyfish в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Jellyfish в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:jellyfish" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Jellyfish на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/jellyfish.svg" alt="Иконка Jellyfish">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
