Иконка Coral
fluent-emoji-flat:coral
Иконка Coral (fluent-emoji-flat:coral) — бесплатная 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="#ff6723" d="M27.48 9.135a1.29 1.29 0 0 0-1.29 1.29v2.921a.649.649 0 1 1-1.299 0V3.29a1.29 1.29 0 0 0-2.578 0v5.98a.35.35 0 0 1-.568.273l-.292-.24a1.287 1.287 0 0 0-1.811.201a1.287 1.287 0 0 0 .202 1.812l2.04 1.639c.272.218.429.545.429.895v4.807c0 .532-.244 1.036-.657 1.37l-2.55 2.039a2.16 2.16 0 0 0-.811 1.69v6.167h2.578V24.42a.98.98 0 0 1 .362-.757l2.999-2.399a1.75 1.75 0 0 0 .657-1.37v-1.346c0-.35.158-.677.43-.895l2.902-2.322c.344-.275.546-.692.546-1.132v-3.774a1.29 1.29 0 0 0-1.29-1.29m-7.845 4.314c-.699 0-1.263.564-1.263 1.264v2.337a.8.8 0 0 1-1.6 0v-.327c0-.699-.565-1.263-1.264-1.263s-1.264.564-1.264 1.263v12.982h2.527v-6.244a3.57 3.57 0 0 1 1.658-3.014l1.251-.796a2.62 2.62 0 0 0 1.219-2.216v-2.722c0-.7-.565-1.264-1.264-1.264m-5.609-3.37v-.744a1.332 1.332 0 0 1 2.662.003v1.437c0 1.27-.645 2.456-1.713 3.146l-1.212.782a1.69 1.69 0 0 0-.776 1.424v13.886h-2.662v-6.776a.76.76 0 0 0-.295-.603L8.058 21.11a1.332 1.332 0 0 1 1.63-2.103l.185.144a.28.28 0 0 0 .452-.221v-2.81c0-.574-.292-1.112-.776-1.423l-1.667-1.078a2.76 2.76 0 0 1-1.258-2.312a.687.687 0 0 0-.686-.687H4.117a1.523 1.523 0 0 1-1.524-1.523V6.843a1.332 1.332 0 0 1 2.662 0v.436c0 .378.305.683.683.683a.68.68 0 0 0 .683-.683V3.357a1.332 1.332 0 0 1 2.662 0v6.712c0 .802.407 1.549 1.087 1.988l.029.02c.77.497 1.757.497 2.527 0l.02-.013a2.37 2.37 0 0 0 1.08-1.985"/><path fill="#00a6ed" d="M6.974 18.371a1.876 1.876 0 1 1-3.752 0a1.876 1.876 0 0 1 3.752 0M29 20.754a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0M28 23.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m1.5.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-23.37-.988a.763.763 0 1 0 0-1.527a.763.763 0 0 0 0 1.527m-1.782.202a1.174 1.174 0 1 1-2.348 0a1.174 1.174 0 0 1 2.348 0"/><path fill="#9b9b9b" d="m5 29.272l1.36-1.62a4.6 4.6 0 0 1 3.52-1.642h4.04c1.163 0 2.286.443 3.136 1.238l.041.042a2.7 2.7 0 0 0 1.835.725h1.388c.677 0 1.318-.311 1.735-.844a2.09 2.09 0 0 1 3.255-.038l1.767 2.142a.45.45 0 0 1-.35.738H5.347A.45.45 0 0 1 5 29.272"/></g></svg>Как использовать иконку Coral
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:coral" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:coral" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:coral" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--coral]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:coral"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:coral"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/coral.svg" alt="Иконка Coral" width="24" height="24">Иконка Coral в других наборах
Вопросы и ответы: Иконка Coral
Можно ли бесплатно использовать иконку Coral в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Coral в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:coral" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Coral на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/coral.svg" alt="Иконка Coral">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.