Иконка Coin
twemoji:coin
Иконка Coin (twemoji:coin) — бесплатная 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"><circle cx="18" cy="19" r="17" fill="#f4900c"/><circle cx="18" cy="17" r="17" fill="#ffcc4d"/><circle cx="18" cy="18" r="14" fill="#ffe8b6"/><circle cx="18" cy="17" r="14" fill="#ffac33"/><path fill="#ffe8b6" d="M9.543 10.856c0-.545.535-.763.535-.763l7.878-3.7l7.953 3.7s.548.122.548.767v.641H9.543z"/><path fill="#f4900c" d="M25.929 12.836c0-.584-.505-1.057-1.127-1.057H11.129c-.623 0-1.057.473-1.057 1.057c0 .397.204.739.529.92v.666h2.114v-.529h2.114v.529h2.114v-.529h2.114v.529h2.114v-.529h2.114v.529H25.4v-.693c.317-.188.529-.517.529-.893M27.514 24a.793.793 0 0 1-.793.793H9.279a.793.793 0 1 1 0-1.586h17.443c.437 0 .792.355.792.793"/><path fill="#f4900c" d="M26.457 12.2a.53.53 0 0 1-.529.529H10.071a.53.53 0 0 1 0-1.058l15.857.003a.527.527 0 0 1 .529.526m-14.271.614h11.629V14H12.186z"/><path fill="#ffd983" d="M12.714 20.829c0 .584-.316 1.057-.705 1.057h-.705c-.389 0-.705-.473-.705-1.057v-8.014c0-.584.316-1.057.705-1.057h.705c.389 0 .705.473.705 1.057zm12.686 0c0 .584-.315 1.057-.705 1.057h-.705c-.389 0-.705-.473-.705-1.057v-8.014c0-.584.315-1.057.705-1.057h.705c.389 0 .705.473.705 1.057zm-8.457 0c0 .584-.316 1.057-.705 1.057h-.705c-.389 0-.705-.473-.705-1.057v-8.014c0-.584.316-1.057.705-1.057h.705c.389 0 .705.473.705 1.057zm4.228 0c0 .584-.316 1.057-.705 1.057h-.704c-.389 0-.705-.473-.705-1.057v-8.014c0-.584.316-1.057.705-1.057h.704c.389 0 .705.473.705 1.057z"/><path fill="#ffcc4d" d="M25.929 21.357c0 .584-.473 1.057-1.057 1.057H11.129a1.057 1.057 0 1 1 0-2.114h13.743c.583 0 1.057.473 1.057 1.057"/><path fill="#ffd983" d="M26.986 22.414c0 .584-.473 1.057-1.057 1.057H10.071a1.057 1.057 0 1 1 0-2.114h15.857c.584 0 1.058.473 1.058 1.057"/><path fill="#ffd983" d="M27.514 23.207a.793.793 0 0 1-.793.793H9.279a.793.793 0 1 1 0-1.586h17.443c.437 0 .792.355.792.793"/><path fill="#ffcc4d" d="M25.929 12.286c0-.584-.505-1.057-1.127-1.057H11.129c-.623 0-1.057.473-1.057 1.057c0 .397.204.739.529.92v.666h2.114v-.529h2.114v.529h2.114v-.529h2.114v.529h2.114v-.529h2.114v.529H25.4v-.693c.317-.188.529-.517.529-.893"/><path fill="#ffd983" d="M9.543 11.463c0-.545.535-.763.535-.763L17.956 7l7.953 3.7s.548.122.548.767v.291H9.543z"/><path fill="#ffac33" d="M18 8.343s-5.455 2.571-5.999 2.803c-.545.231-.363.611.001.611h11.97c.562 0 .429-.429-.017-.661C23.509 10.865 18 8.343 18 8.343"/><path fill="#ffd983" d="M26.457 11.757a.53.53 0 0 1-.529.529H10.071a.53.53 0 0 1 0-1.058l15.857.003a.527.527 0 0 1 .529.526"/></svg>
Как использовать иконку Coin
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:coin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:coin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:coin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--coin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:coin"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:coin"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/coin.svg" alt="Иконка Coin" width="24" height="24">
Иконка Coin в других наборах
Вопросы и ответы: Иконка Coin
Можно ли бесплатно использовать иконку Coin в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Coin в React?
Установите @iconify/react и выведите <Icon icon="twemoji:coin" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Coin на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/coin.svg" alt="Иконка Coin">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
ICONYZ
