Ícone Smallsmile
fxemoji:smallsmile
O ícone Smallsmile (fxemoji:smallsmile) é um ícone SVG gratuito da coleção Firefox OS Emoji de Mozilla. Ele é desenhado em uma grade de 512 × 512. Firefox OS Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Firefox OS Emoji
- Autor
- Mozilla
- Licença
- Apache-2.0
- Tamanho
- 512 × 512
- Categoria
- Pessoas
Código 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 175.5c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4.2-25.5.2s-25.5 13.9-25.5-.2V201c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M348.2 272.2c-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.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#2B3B47" d="M140.5 175.5c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4.2-25.5.2s-25.5 13.9-25.5-.2V201c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M117.3 272.2c-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.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="M253.9 382.3c-18.1 0-35.2-7.3-46.8-20.1c-4-4.4-3.6-11.1.8-15.1s11.1-3.6 15.1.8c7.6 8.3 18.8 13.1 31 13.1h.3c12.2-.1 23.4-4.9 30.9-13.4c3.9-4.4 10.6-4.8 15.1-.9c4.4 3.9 4.8 10.6.9 15.1c-11.5 13-28.5 20.5-46.7 20.6c-.4-.1-.5-.1-.6-.1"/></svg>Como usar o ícone Smallsmile
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:smallsmile" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:smallsmile" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:smallsmile" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--smallsmile]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:smallsmile"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:smallsmile"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/smallsmile.svg" alt="Ícone Smallsmile" width="24" height="24">Perguntas frequentes sobre Ícone Smallsmile
O ícone Smallsmile é grátis para uso comercial?
Sim. Firefox OS Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Smallsmile no React?
Instale @iconify/react e renderize <Icon icon="fxemoji:smallsmile" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Smallsmile a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fxemoji/smallsmile.svg" alt="Ícone Smallsmile">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.