Ícone Mouseside
fxemoji:mouseside
O ícone Mouseside (fxemoji:mouseside) é 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
- Natureza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFA1E0" d="m112.816 293.123l-4.064.023c-.693-.007-1.338.031-2.071.064l-2.397.102c-.858.025-1.84.139-2.855.211c-1.023.083-2.112.157-3.249.314c-4.566.506-10.081 1.419-16.144 3.187c-6.043 1.758-12.702 4.38-18.94 8.485c-3.11 2.045-6.101 4.461-8.692 7.28c-2.587 2.813-4.797 6.029-6.141 9.572c-2.925 7.02-2.027 15.364 2.65 23.123c2.286 3.878 5.394 7.577 9.021 10.971c3.628 3.401 7.763 6.508 12.172 9.363a125 125 0 0 0 13.988 7.825c2.41 1.232 4.937 2.282 7.421 3.414c2.536 1.036 5.054 2.121 7.636 3.079c20.608 7.824 42.492 12.797 63.155 16.312c10.34 1.783 20.424 3.097 30.005 4.207l7.093.779c2.331.249 4.633.44 6.894.657c4.521.449 8.9.778 13.105 1.097c4.202.352 8.24.566 12.078.81c3.837.259 7.483.419 10.91.578c6.851.362 12.834.497 17.759.675c4.926.144 8.8.185 11.441.247l4.049.079l.048.001a3.65 3.65 0 0 1-.048 7.298l-4.078.026c-2.66.006-6.561.065-11.528.049c-4.967-.05-11-.03-17.921-.217c-3.461-.072-7.144-.137-11.026-.299c-3.882-.146-7.966-.257-12.225-.502c-4.26-.212-8.698-.431-13.288-.766c-2.295-.161-4.631-.294-7.001-.485l-7.213-.603c-9.751-.874-20.034-1.944-30.635-3.49c-21.191-3.052-43.774-7.53-65.705-15.203c-2.745-.939-5.453-2.02-8.172-3.052c-2.688-1.138-5.402-2.19-8.046-3.451a138 138 0 0 1-15.544-8.182c-5.011-3.065-9.838-6.483-14.281-10.432c-4.434-3.947-8.495-8.444-11.743-13.616c-.802-1.301-1.602-2.595-2.264-3.995c-.339-.692-.711-1.36-1.013-2.072l-.876-2.152c-.141-.36-.294-.714-.424-1.079l-.35-1.116l-.682-2.23l-.497-2.29l-.238-1.144c-.064-.385-.102-.776-.153-1.163l-.271-2.324c-.043-.778-.055-1.559-.077-2.336l-.024-1.165c.008-.387.042-.774.063-1.161l.161-2.312c.421-3.04 1.02-6.048 2.09-8.811c1.984-5.61 5.137-10.389 8.617-14.387c3.495-4.01 7.361-7.269 11.259-9.985c7.824-5.431 15.75-8.736 22.848-11.016c7.119-2.277 13.48-3.49 18.724-4.214c1.31-.212 2.554-.333 3.725-.459c1.179-.116 2.248-.265 3.31-.329l2.922-.199c.894-.06 1.726-.12 2.358-.129l4.062-.129a8.336 8.336 0 1 1 .312 16.667"/><path fill="#D0CEC2" d="M472.538 303.833a590 590 0 0 0-44.216-42.498c5.184-10.103 5.452-22.576-.635-33.432c-8.524-15.203-27.285-21.908-43.514-15.551a35.4 35.4 0 0 0-11.07 6.891c-46.598-30.963-104.065-58.099-169.839-67.219l.025-.003l-4.797-1.698a2.242 2.242 0 0 1-1.317-3.073l1.099-2.455c.345-.769-.503-1.539-1.447-1.315l-31.155 4.764c-1.555.238-2.725-1.164-1.923-2.305l4.436-6.309c.54-.768-.289-1.701-1.32-1.48c-9.999 2.138-44.872 10.546-65.257 27.613c-25.078 17.341-41.512 46.295-41.512 79.093c0 53.074 43.025 96.099 96.099 96.099h300.239c19.303 0 29.3-23.037 16.104-37.122"/><path fill="#2B3B47" d="M430.564 287.132a7.633 7.633 0 0 0-8.004 7.242l-.659 13.182a7.633 7.633 0 0 0 15.246.762l.659-13.182a7.63 7.63 0 0 0-7.242-8.004"/><path fill="#E4E2DE" d="M369.804 278.887c-16.507-5.573-26.968-22.794-23.169-40.769c3.604-17.053 19.513-29.046 36.899-27.817c18.232 1.289 31.862 15.94 32.803 33.227c.218 4.014-1.633 7.865-4.843 10.285l-30.938 23.323a11.67 11.67 0 0 1-10.752 1.751M255.842 303.74h-38.477a77.8 77.8 0 0 0 7.359-33.106c0-43.143-34.974-78.117-78.117-78.117S68.49 227.491 68.49 270.634s34.974 78.117 78.117 78.117h109.234c12.429 0 22.505-10.076 22.505-22.505c.001-12.43-10.075-22.506-22.504-22.506"/><path fill="#FFA1E0" d="M381.294 276.671c-12.903-1.811-21.896-13.739-20.085-26.642s13.739-21.896 26.642-20.085s21.896 13.739 20.085 26.642z"/></svg>Como usar o ícone Mouseside
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:mouseside" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:mouseside" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:mouseside" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--mouseside]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:mouseside"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:mouseside"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/mouseside.svg" alt="Ícone Mouseside" width="24" height="24">Perguntas frequentes sobre Ícone Mouseside
O ícone Mouseside é 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 Mouseside no React?
Instale @iconify/react e renderize <Icon icon="fxemoji:mouseside" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Mouseside a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fxemoji/mouseside.svg" alt="Ícone Mouseside">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.