Иконка Swan
twemoji:swan
Иконка Swan (twemoji:swan) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Twitter Emoji
- Автор
- Twitter
- Лицензия
- CC-BY-4.0
- Размер
- 36 × 36
- Категория
- Животные и природа
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M3.427 7.034c-1.049-1.086-1.535-2.903.2-5.106s9.144-2.87 8.61 4.939c-.067 1.835-.768 4.605-2.603 8.376c-.467.968-1.268 2.536-1.602 4.839c.968-.801 3.904-2.236 6.908-1.835c3.003.4 18.054 7.142 21.057 4.305c.1 1.168-3.637 12.781-18.555 12.781S.122 27.824.122 24.421s.868-5.173 3.371-7.542S9.835 8.87 8.099 6.367c-.367.667-2.769 2.636-4.672.667"/><path fill="#ccd6dd" d="M10.202 26.557c-.567 2.136 2.967 6.589 8.71 6.608c8.385.028 12.881-4.705 15.384-10.746c-2.436-1.068-13.826-3.254-17.129-1.919s-3.667 1.583-7.298 3.52c1.167.201.3 2.537.333 2.537"/><path fill="#292f33" d="M5.475 7.377a.4.4 0 0 0 .155-.309c0-.968.067-2.503.4-2.903c.785.083 1.118-.735.618-1.269s-1.418.067-1.352.634c-1.414-.377-2.442-.142-2.784.912c-.104 1.066.302 1.957.915 2.592c.295.305 1.776.427 2.048.343"/><path fill="#ccd6dd" d="M7.719 4.762c-.004.986-.74 2.149-2.244 2.614c-.159.136-.429.223-.751.268q.196.132.411.23c1.41.096 2.704-1.032 2.965-1.507l.013.026c.03-.89-.394-1.631-.394-1.631"/><path fill="#e1e8ed" d="M9.301 24.087c.033-1.468 1.368-7.375 9.077-7.542s8.31 4.672 14.416-.467c-.1 1.301-2.269 15.017-13.849 15.017c-9.21 0-9.678-5.54-9.644-7.008"/><path fill="#f4900c" d="M.754 10.571c.85-.264 3.775-1.968 4.843-3.17c.3-.334-1.495-2.405-3.164-2.639c.1.534.06 2.572-1.575 4.374c-.434.334-1.026 1.602-.104 1.435"/></svg>
Как использовать иконку Swan
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:swan" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:swan" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:swan" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--swan]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:swan"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:swan"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/swan.svg" alt="Иконка Swan" width="24" height="24">
Иконка Swan в других наборах
Вопросы и ответы: Иконка Swan
Можно ли бесплатно использовать иконку Swan в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Swan в React?
Установите @iconify/react и выведите <Icon icon="twemoji:swan" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Swan на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/swan.svg" alt="Иконка Swan">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
ICONYZ
