Иконка Troll
twemoji:troll
Иконка Troll (twemoji:troll) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Twitter Emoji
- Автор
- Лицензия
- 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="#898379" d="M6 23c-4 0-4.5 2.5-4.5 2.5L0 25v11h36V25l-1 1s-1-3-4-3z"/><path fill="#4a4153" d="M34.712 11.129C32.343 4.839 25.009 3.077 18 3.077c-.15 0-.285.006-.432.007c-.77-.018-5.121-.148-7.939-.897A.498.498 0 0 0 9 2.67V4s-4.126-.688-6.676-1.493a.501.501 0 0 0-.579.734l2.14 3.567C.736 10.28 3 15.31 3 18c0 8 3 8 3 8h23c3.497 0 4-4.503 4-8c0-1.451.599-2.767.137-5.338a.93.93 0 0 1 1.15-1.063a.358.358 0 0 0 .425-.47"/><path fill="#69615d" d="M9 29c-.155 0-.309.036-.447.105C5.602 30.581 5.038 35.898 5 36h26c-.038-.102-.602-5.419-3.553-6.895A1 1 0 0 0 27 29z"/><path fill="#a6d388" d="M9 30c-1.148.574-1.307 1.806-1.235 2.752a5.4 5.4 0 0 1-.551 2.821L7 36h22l-.214-.427a5.4 5.4 0 0 1-.551-2.821c.072-.946-.087-2.178-1.235-2.752z"/><path fill="#77b255" d="M17.946 33.923c4.734 0 8.014-.675 10.285-1.886c-.062-.783-.357-1.6-1.231-2.037H9c-.86.43-1.16 1.229-1.228 2.001c2.365 1.304 5.675 1.922 10.174 1.922"/><path fill="#a6d388" d="M24.354 14.222c1.045.385 2.045 1.714 2.175 2.448c.13.735.261 1.329-.565.594c-3.312-2.942-6.919-1.783-10.495-3.581c-2.497-1.255-3.257-2.644-3.257-2.644s-.305 1.853-4.091 3.741c-1.46.729-3.122.443-3.122 3.22c0 7.483-1.258 13.923 12.947 13.923c11.26 0 12.87-3.814 13.054-9.121c.003-3.604-.463-5.009-1.598-6.272c-.992-1.105-2.263-1.993-5.048-2.308"/><path fill="#77b255" d="M20 24h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2"/><path fill="#744629" d="M23 28H13a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2"/><path fill="#3e721d" d="M15 16h-4a1 1 0 0 0 0 2h1v2a1 1 0 1 0 2 0v-2h1a1 1 0 0 0 0-2m10 0h-4a1 1 0 0 0 0 2h1v2a1 1 0 1 0 2 0v-2h1a1 1 0 0 0 0-2"/><path fill="#a6d388" d="M31 13c2 2 2 5 2 5l3-5s-2-2-5 0M5 13c-2 2-2 5-2 5l-3-5s2-2 5 0"/><path fill="#69615d" d="M.983 30.656a.1.1 0 0 1-.116.028a.1.1 0 0 1-.06-.104c.095-.792.452-2.923 1.623-4.209a.1.1 0 0 1 .174.061c.129 1.932-1.116 3.623-1.621 4.224M.95 33.678c-.01.038.004.079.035.104s.074.028.109.009c.462-.248.983-.784 1.221-1.485c.289-.853.269-1.434.226-1.723a.1.1 0 0 0-.073-.082a.1.1 0 0 0-.104.034a6 6 0 0 0-.794 1.279c-.299.655-.521 1.485-.62 1.864m3.594-7.465a.1.1 0 0 0-.07-.085a.1.1 0 0 0-.105.031c-.758.89-.897 2.264-.922 2.817a.1.1 0 0 0 .173.074a3.53 3.53 0 0 0 .924-2.837m1.169 3.024a.1.1 0 0 0-.06-.108a.1.1 0 0 0-.119.033c-.951 1.296-2.363 4.513-2.831 5.606a.1.1 0 0 0 .033.12a.1.1 0 0 0 .124-.004c.515-.44 1.532-1.404 2.012-2.528c.483-1.135.739-2.485.841-3.119m24.448.423a.1.1 0 0 0-.114-.005a.1.1 0 0 0-.044.105c.23 1.084.886 2.467 1.942 3.3a.1.1 0 0 0 .114.007a.1.1 0 0 0 .046-.105c-.121-.615-.559-2.244-1.944-3.302m4.729 4.28a.1.1 0 0 0 .145-.119c-.235-.677-1.032-2.6-2.692-3.283a.1.1 0 0 0-.104.018a.1.1 0 0 0-.03.102c.525 1.879 2.097 2.943 2.681 3.282m-.695-3.493a.1.1 0 0 0 .128-.127c-.374-1.05-1.476-2.639-2.95-3.014a.1.1 0 0 0-.12.126c.629 2.025 2.365 2.806 2.942 3.015m.763-1.791a.1.1 0 0 0 .16-.102c-.263-1.09-1.298-2.795-2.646-3.282a.1.1 0 0 0-.105.024a.1.1 0 0 0-.023.105c.552 1.499 2.058 2.809 2.614 3.255"/><path fill="#77b255" d="M31.505 13.587c.638-.509 1.681-.932 3.117-.571a.5.5 0 1 1-.244.97c-1.224-.309-1.959.114-2.327.447a6 6 0 0 0-.546-.846m-27.01-.001c-.637-.509-1.68-.932-3.117-.571a.5.5 0 1 0 .244.97c1.225-.308 1.959.115 2.327.446a6.4 6.4 0 0 1 .546-.845"/><path fill="#ffeba5" d="M13 27v-2s2 .667 2 2zm10 0v-2s-2 .667-2 2z"/></svg>Как использовать иконку Troll
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:troll" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:troll" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:troll" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--troll]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:troll"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:troll"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/troll.svg" alt="Иконка Troll" width="24" height="24">Похожие иконки в наборе Twitter Emoji
Иконка Troll в других наборах
Вопросы и ответы: Иконка Troll
Можно ли бесплатно использовать иконку Troll в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Troll в React?
Установите @iconify/react и выведите <Icon icon="twemoji:troll" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Troll на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/troll.svg" alt="Иконка Troll">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.