Иконка Dolphin
fluent-emoji-flat:dolphin
Иконка Dolphin (fluent-emoji-flat:dolphin) — бесплатная 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="#00a6ed" d="M15.697 2.031c1.325.064 2.61.37 3.81.874a11.04 11.04 0 0 1 6.49-.7l.37.075c.74.15 1.03 1.101.52 1.678a12.7 12.7 0 0 0-2.063 3.248c1.325 1.886 2.121 4.141 2.13 6.515c-.095 7.217-5.559 11.565-11.829 11.545c-1.07 0-2.088-.002-3.068-.282v1.517c0 1.95-1.605 3.274-3.52 3.473c-.277.029-.503-.201-.5-.48l.041-3.44c.192-1.312.959-2.025 1.483-2.512c.287-.267.501-.466.51-.66c.007-.182-.191-.365-.467-.619c-.548-.503-1.401-1.289-1.557-2.92V15.89c0-.594.531-.555.797-.461c1.847.31 3.213 2.118 3.213 4.031v1.99c1.821.046 2.814-.83 3.852-1.745l.21-.185c3.317-2.654 3.179-5.377 2.381-7.02c-.42-.865-.98-1.372-1.759-1.66c-.53 1.944-.231 3.685.118 4.659c.37 1.028-.548.986-.922.672c-1.622-1.363-2.028-3.046-1.905-5.672H6l-.942-.515c-.328-1.092.214-2.446 1.646-2.591l.218-.017c.443-.031.826-.058.802-.605c0-2.343 2.405-4.75 4.953-4.75z"/><path fill="#1c1c1c" d="M12.707 7.413a.707.707 0 1 0 0-1.413a.707.707 0 0 0 0 1.413"/><path fill="#aeddff" d="m16.486 12.262l.03.02c2.48 2.153 1.455 5.242-.398 7.24c3.332-2.651 4.215-5.168 3.195-7.272c-.522-1.075-1.376-1.65-2.401-1.957a8.2 8.2 0 0 0-.426 1.969m-2.422-2.306l-.47-.003H5.049c.221.782.885 1.438 1.982 1.438q.626 0 1.242-.003c2.145-.007 4.165-.014 5.74.175q-.011-.743.05-1.607"/></g></svg>
Как использовать иконку Dolphin
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:dolphin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:dolphin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:dolphin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--dolphin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:dolphin"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:dolphin"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dolphin.svg" alt="Иконка Dolphin" width="24" height="24">
Иконка Dolphin в других наборах
Вопросы и ответы: Иконка Dolphin
Можно ли бесплатно использовать иконку Dolphin в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Dolphin в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:dolphin" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Dolphin на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dolphin.svg" alt="Иконка Dolphin">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
ICONYZ
