Иконка Penguin
twemoji:penguin
Иконка Penguin (twemoji:penguin) — бесплатная 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="#ffac33" d="M28.068 31.355c-2.229 0-8.468.785-10.068 1.832c-1.601-1.047-7.84-1.832-10.069-1.832c-2.564 0-1.161 1.039-1.161 2.322S5.367 36 7.931 36c2.229 0 8.468-.785 10.069-1.832C19.601 35.215 25.84 36 28.068 36c2.565 0 1.161-1.04 1.161-2.322s1.405-2.323-1.161-2.323"/><path fill="#292f33" d="M31.73 15.866c-1.25-2.499-3.152-4.995-4.942-6.723C24.337 3.711 20.759 0 18 0s-6.337 3.71-8.788 9.143c-1.791 1.729-3.693 4.224-4.943 6.724c-2.438 4.876-3.116 11.426-2.078 11.944c.873.437 2.324-1.552 4.208-5.082C6.667 33.604 13.446 33.678 18 33.678c4.553 0 11.333-.073 11.601-10.947c1.884 3.528 3.335 5.517 4.207 5.08c1.038-.519.361-7.069-2.078-11.945"/><path fill="#f5f8fa" d="M21.675 6.943c-.85.607-2.172 1.186-3.675 1.186s-2.825-.578-3.675-1.185c-3.302 2.137-5.615 7.06-5.615 12.798c0 7.695 4.159 13.936 9.29 13.936c5.132 0 9.291-6.24 9.291-13.936c0-5.738-2.313-10.662-5.616-12.799"/><path fill="#ffac33" d="M28.452 6h-5.808C18.797 6 18 5.22 18 4.257c0-.962-.364-1.742 3.483-1.742C27.291 2.516 29.613 6 28.452 6"/><path fill="#f5f8fa" d="M16.839 3.483a1.161 1.161 0 1 1-2.323.001a1.161 1.161 0 0 1 2.323-.001"/></svg>
Как использовать иконку Penguin
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:penguin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:penguin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:penguin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--penguin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:penguin"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:penguin"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/penguin.svg" alt="Иконка Penguin" width="24" height="24">
Иконка Penguin в других наборах
Вопросы и ответы: Иконка Penguin
Можно ли бесплатно использовать иконку Penguin в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Penguin в React?
Установите @iconify/react и выведите <Icon icon="twemoji:penguin" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Penguin на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/penguin.svg" alt="Иконка Penguin">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
ICONYZ
