Иконка Swan
fluent-emoji-flat:swan
Иконка Swan (fluent-emoji-flat:swan) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 33. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji Flat
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 33
- Категория
- Животные и природа
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33"><g fill="none"><path fill="#9b9b9b" d="M29.71 12.918a2.12 2.12 0 0 0-2.313.448C26.331 14.42 24.768 15 23 15h-7c-1.78 0-3.533.68-5.029 1.937L12.49 9.93c.607-2.788-.979-5.622-3.689-6.591a5.88 5.88 0 0 0-4.604.288a5.8 5.8 0 0 0-2.928 3.547a7.2 7.2 0 0 0-.266 1.808c-.005.27.101.533.292.726l2 2a1 1 0 0 0 .707.293h1a1 1 0 0 0 .903-.571l.23-.481l-2.31 10.606a7.71 7.71 0 0 0 1.544 6.507A7.89 7.89 0 0 0 11.54 31h7.21c5.77 0 10.682-3.882 11.95-9.44a1 1 0 0 0-.355-1.006l.546-1.08a1 1 0 0 0 .107-.43l.001-4.197a2.08 2.08 0 0 0-1.289-1.93"/><path fill="#fff" d="M20.25 26.002H15.5c-.28 0-.5-.213-.5-.485c0-.271.22-.485.5-.485h4.75c4.309 0 8.039-2.472 9.749-6.03l.001-.121v-4.033c0-.98-1.2-1.463-1.9-.771C26.76 15.4 24.9 16 23 16h-7c-2 0-3.78.972-5.14 2.415l-.85.899c-.21.218-.58.03-.52-.267l2.02-9.331c.5-2.293-.81-4.636-3.05-5.437a4.87 4.87 0 0 0-3.81.237a4.8 4.8 0 0 0-2.42 2.928a6.2 6.2 0 0 0-.229 1.557l1.999 1l1.95-1l.14-.49a.773.773 0 0 1 1.01-.514c.36.129.58.515.5.89l-1.57 7.266l-1.23 5.615c-.92 4.24 2.35 8.234 6.74 8.234h7.21c5.357 0 9.843-3.7 10.974-8.662C27.583 24.159 24.131 26 20.25 26"/><path fill="#212121" d="M4 8.502a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m-.5.5H2.001q-.01.502.062 1l1.937 1l1.664-1l.286-1z"/><path fill="#ff822d" d="M5.664 10.002H2.063c.077.528.223 1.048.437 1.545l.95 2.204a.7.7 0 0 0 .63.415c.32 0 .6-.217.67-.524l.74-3.035z"/></g></svg>Как использовать иконку Swan
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:swan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:swan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:swan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--swan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:swan"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:swan"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/swan.svg" alt="Иконка Swan" width="24" height="24">Иконка Swan в других наборах
Вопросы и ответы: Иконка Swan
Можно ли бесплатно использовать иконку Swan в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Swan в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:swan" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Swan на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/swan.svg" alt="Иконка Swan">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.