Иконка Smallfrown
fxemoji:smallfrown
Иконка Smallfrown (fxemoji:smallfrown) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Firefox OS Emoji
- Автор
- Mozilla
- Лицензия
- Apache-2.0
- Размер
- 512 × 512
- Категория
- Люди
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFD469" d="M255.9 24c-128.1 0-232 103.9-232 232c0 3.4.1 6.9.2 10.3C10.6 268 .2 279.5.2 293.5c0 15.2 12.3 27.6 27.6 27.6h5.4c28.2 96.4 117.2 166.8 222.7 166.8c128.1 0 232-103.8 232-232C487.8 127.8 384 24 255.9 24"/><path fill="#2B3B47" d="M371.4 182.7c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4-.3-25.5-.3s-25.5 14.4-25.5.3v-57.1c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M348.2 279.3c-2.9 0-5.8-1.6-7.2-4.4c-2-4-.3-8.8 3.6-10.7c17-8.4 36.4-8.7 53.3-.7c4 1.9 5.7 6.7 3.8 10.7s-6.7 5.7-10.7 3.8c-12.4-5.9-26.8-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#2B3B47" d="M140.5 182.7c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4-.3-25.5-.3s-25.5 14.4-25.5.3v-57.1c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M117.3 279.3c-2.9 0-5.8-1.6-7.2-4.4c-2-4-.4-8.8 3.6-10.7c17-8.4 36.4-8.7 53.3-.7c4 1.9 5.7 6.7 3.8 10.7s-6.7 5.7-10.7 3.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#FFB636" d="M487.6 266.2c.1-3.4.2-6.8.2-10.3c0-62-24.3-118.3-64-159.8c22.4 36.3 35.4 79.1 35.4 124.9c0 131.6-106.7 238.3-238.3 238.3c-45.8 0-88.6-13-124.9-35.4c41.6 39.6 97.9 63.9 159.9 63.9c105.5 0 194.6-70.4 222.7-166.8h5.4c15.2 0 27.6-12.3 27.6-27.6c-.1-13.9-10.5-25.4-24-27.2"/><path fill="#2B3B47" d="M215 375.1c-2.5 0-5-.9-7.1-2.7c-4.4-3.9-4.8-10.6-.9-15.1c11.5-13 28.5-20.5 46.7-20.6h.4c18.1 0 35.2 7.3 46.8 20.1c4 4.4 3.6 11.1-.8 15.1s-11.1 3.6-15.1-.8c-7.6-8.3-18.8-13.1-31-13.1h-.3c-12.2.1-23.4 4.9-30.9 13.4c-1.9 2.5-4.8 3.7-7.8 3.7"/></svg>Как использовать иконку Smallfrown
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:smallfrown" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:smallfrown" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:smallfrown" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--smallfrown]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:smallfrown"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:smallfrown"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/smallfrown.svg" alt="Иконка Smallfrown" width="24" height="24">Вопросы и ответы: Иконка Smallfrown
Можно ли бесплатно использовать иконку Smallfrown в коммерческих проектах?
Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Smallfrown в React?
Установите @iconify/react и выведите <Icon icon="fxemoji:smallfrown" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Smallfrown на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/smallfrown.svg" alt="Иконка Smallfrown">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.