Иконка Jellyfish
fluent-emoji-flat:jellyfish
Иконка Jellyfish (fluent-emoji-flat:jellyfish) — бесплатная 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="#a4aeeb" fill-rule="evenodd" d="M11 14a1 1 0 1 0-2 0v6.646a2 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.646zm10 0a1 1 0 1 1 2 0v6.646a2 2 0 0 0 4 0V19a1 1 0 1 1 2 0v1.646c0 2.973-3.13 4.907-5.789 3.578A4 4 0 0 1 21 20.646zm-7-.5a1 1 0 0 1 1 1V24a6 6 0 0 1-6 6H7.5a1 1 0 1 1 0-2H9a4 4 0 0 0 4-4v-9.5a1 1 0 0 1 1-1m3 1a1 1 0 1 1 2 0V24a4 4 0 0 0 4 4h1.5a1 1 0 1 1 0 2H23a6 6 0 0 1-6-6z" clip-rule="evenodd"/><path fill="#7e8ad9" fill-rule="evenodd" d="M9 18.285V14a1 1 0 1 1 2 0v5.197c-.73-.253-1.402-.56-2-.912m4 1.44V14.5a1 1 0 1 1 2 0v5.47a16 16 0 0 1-2-.245m4 .245V14.5a1 1 0 1 1 2 0v5.225q-.963.183-2 .245m4-.773V14a1 1 0 1 1 2 0v4.285c-.598.352-1.27.659-2 .912" clip-rule="evenodd"/><path fill="#3f5fff" d="M26 11c0 3.866-4.477 7-10 7S6 14.866 6 11s3.5-9 10-9s10 5.134 10 9"/><path fill="#3351f8" fill-rule="evenodd" d="M24.667 14.495C22.832 16.026 20.078 17 17 17c-5.523 0-10-3.134-10-7c0-1.804.762-3.885 2.236-5.59C7.108 6.246 6 8.823 6 11c0 3.866 4.477 7 10 7c3.704 0 6.939-1.41 8.667-3.505" clip-rule="evenodd"/><path fill="#1345b7" fill-rule="evenodd" d="M17.522 4.298q-.153.18-.344.318C18.152 8.713 19.168 16 16.076 16c-3.07 0-2.09-7.184-1.123-11.296a2 2 0 0 1-.473-.404c-.905.694-1.74 2.48-2.55 4.21c-.517 1.107-1.024 2.19-1.532 2.951c-1.436 2.15-4.488 1.27-2.988-2.73c1.187-3.166 3.996-4.91 6.603-5.5a2 2 0 0 1 .181-1.092C14.768 2.049 15.37 2 16 2q.945.001 1.806.139a2 2 0 0 1 .192.945c2.38.39 5.287 2.151 6.598 5.646c1.5 4-1.552 4.882-2.988 2.731c-.508-.76-1.015-1.844-1.533-2.951c-.81-1.733-1.646-3.521-2.553-4.212" clip-rule="evenodd"/><path fill="#bbd5ff" fill-rule="evenodd" d="M18 6c1.105 0 2-.672 2-1.5S19.105 3 18 3s-2 .672-2 1.5s.895 1.5 2 1.5m2.655 6.781c-.273.836-.343 1.974.512 2.18q.164.038.333.039c1.38 0 2.5-2.015 2.5-4.5S22.88 6 21.5 6q-.17 0-.333.04c-.855.205-.785 1.343-.512 2.179c.22.669.345 1.448.345 2.281c0 .832-.126 1.612-.345 2.281" clip-rule="evenodd"/><path fill="#83b2ff" fill-rule="evenodd" d="M16.123 3.98c.237-.48.792-.845 1.473-.95c.595.06 1.232.21 1.876.455c.328.267.528.623.528 1.015c0 .626-.512 1.162-1.238 1.387C18.127 4.79 17.464 4 16.756 4c-.26 0-.468-.007-.633-.02M24 10.5a7.5 7.5 0 0 1-.283 2.08c-.698.119-1.534-.256-2.11-1.119A12 12 0 0 1 21 10.415a7.4 7.4 0 0 0-.344-2.196c-.273-.836-.343-1.974.511-2.18Q21.33 6 21.5 6c1.38 0 2.5 2.015 2.5 4.5" clip-rule="evenodd"/></g></svg>Как использовать иконку Jellyfish
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:jellyfish" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:jellyfish" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:jellyfish" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--jellyfish]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:jellyfish"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:jellyfish"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/jellyfish.svg" alt="Иконка Jellyfish" width="24" height="24">Иконка Jellyfish в других наборах
Вопросы и ответы: Иконка Jellyfish
Можно ли бесплатно использовать иконку Jellyfish в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Jellyfish в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:jellyfish" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Jellyfish на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/jellyfish.svg" alt="Иконка Jellyfish">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.