Иконка Thumbsdown
fxemoji:thumbsdown
Иконка Thumbsdown (fxemoji:thumbsdown) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 470. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Firefox OS Emoji
- Автор
- Mozilla
- Лицензия
- Apache-2.0
- Размер
- 512 × 470
- Категория
- Люди
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="470" viewBox="0 0 512 470"><path fill="#FFD3B6" d="M507.4 114.2c0-20-15.1-33.6-33.4-35c-.6-.2-1.1-.5-1.7-.7c-1.2-1.4-.6-4.4 1.5-5.3c13.3-5.9 22.5-19 22.5-34.6C496.3 17.3 479.1.1 458 .1H195.3c-37.1 0-70.2 17-92 43.6H27.5C12.3 43.7 0 56 0 71.2v174.1c0 15.2 12.3 27.5 27.5 27.5h56.9c6.6 14.6 17.2 27 30.3 36c12.3 11.2 44.5 27.7 85 122.9c6.2 20 26.9 44.3 45.6 37.6c22.2-8 46.7-38.2 23.1-112.4c-5.3-16.8-14.2-42.6-23.1-53.5h59.8l.2-.4c1.7.3 3.5.4 5.3.4h147.5c30.8 0 46.3-16.6 46.3-37.9c0-15.6-2.2-29-15.5-35c-2.7-1.2-2.7-4.8 0-6c13.3-5.9 22.5-19 22.5-34.6s-9.2-29-22.5-35c-2.7-1.2-2.7-4.8 0-6c13.2-5.9 18.4-19 18.5-34.7"/><path fill="#EDC0A2" d="M310.6.3h-21.1c-21.2 0-38.3 16.6-38.3 37.9c0 15.6 9.2 29 22.5 35c2.7 1.2 2.7 4.8 0 6c-13.3 5.9-22.5 19-22.5 34.6s9.2 29 22.5 35c2.7 1.2 2.7 4.8 0 6c-13.3 5.9-22.5 19-22.5 34.6s9.2 29 22.5 35c2.7 1.2 2.7 4.8 0 6c-13.3 5.9-22.5 19-22.5 34.6c0 21.3 17.2 38.5 38.3 38.5h21.1c-21.2 0-38.3-17.3-38.3-38.5c0-15.6 9.2-28.7 22.5-34.6c2.7-1.1 2.7-4.8 0-6c-13.3-6-22.5-19.4-22.5-35s9.2-28.7 22.5-34.6c2.6-1.2 2.7-4.5.4-5.9c-8.4-3.8-15.3-10.5-19.2-18.9c-.4-.7-.7-1.5-1-2.3c0-.1-.1-.2-.1-.3c-.3-.8-.5-1.6-.8-2.4c-.1-.1-.1-.1-.1-.2c-.2-.8-.4-1.5-.6-2.3c0-.1-.1-.3-.1-.5c-.2-.8-.4-1.7-.5-2.5v-.2c-.2-.7-.2-1.5-.3-2.3v-.7c-.1-.9-.1-1.7-.1-2.6s0-1.7.1-2.6v-.7c.1-.8.2-1.5.3-2.3v-.2c.2-.9.3-1.7.5-2.5c0-.1.1-.3.1-.5c.2-.7.4-1.5.6-2.2c.1-.1.1-.1.1-.2c.2-.8.5-1.6.8-2.4c0-.1.1-.2.1-.3c.3-.7.7-1.5 1-2.2v-.1l1.2-2.4c4-7.2 10.3-12.8 17.9-16.1c2.4-1.4 2.3-4.7-.3-5.9c-13.3-6-22.5-19.4-22.5-35c0-21.3 17.1-37.9 38.3-37.8M103.3 43.7H72.1c-11.6 0-21 9.4-21 21v187.1c0 11.6 9.4 21 21 21h12.3c-5.1-11.2-8-23.6-8-36.7V119c0-28.5 10.1-54.8 26.9-75.3"/></svg>Как использовать иконку Thumbsdown
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:thumbsdown" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:thumbsdown" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:thumbsdown" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--thumbsdown]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:thumbsdown"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:thumbsdown"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/thumbsdown.svg" alt="Иконка Thumbsdown" width="24" height="24">Иконка Thumbsdown в других наборах
Вопросы и ответы: Иконка Thumbsdown
Можно ли бесплатно использовать иконку Thumbsdown в коммерческих проектах?
Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Thumbsdown в React?
Установите @iconify/react и выведите <Icon icon="fxemoji:thumbsdown" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Thumbsdown на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/thumbsdown.svg" alt="Иконка Thumbsdown">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.