Ícone Sari
fluent-emoji-high-contrast:sari
O ícone Sari (fluent-emoji-high-contrast:sari) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast icons são publicados sob a licença MIT, 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
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21.48 0c.111 0 .22.011.32.022c.446.043.881.166 1.285.361l.125.067l.011.007c.101.053.197.11.28.163l3.16 2l.026.014l.021.014c.5.336.856.845 1 1.429a2.4 2.4 0 0 1-.192 1.694l-1.513 2.998V16l.003.006c0 .552-.275 1.022-.824 1.022h-.223l1.946 10.79a3.5 3.5 0 0 1 .07 1.2A3.425 3.425 0 0 1 23.6 32H10.092a3.45 3.45 0 0 1-3.238-3.017a3.6 3.6 0 0 1 .08-1.233l.01-.04L8.2 20.836a2.46 2.46 0 0 1-.108-1.329L9.446 11.7a3 3 0 0 1 .464-1.184q.043-.065.09-.127v-.018a2.35 2.35 0 0 1-1.756-1.216L6.425 5.813a2.43 2.43 0 0 1 .791-3.165l.022-.014l.021-.014L10.4.634A3.95 3.95 0 0 1 12.49 0zm-.455 2v1.428c0 2.204-1.303 3.626-2.865 4.72c-1.412.99-5.038 3.548-6.914 4.88l-1.157 6.688c1.928-1.384 4.552-3.254 6.784-4.846l.002-.001c2.402-1.712 4.351-3.101 4.493-3.215c.376-.302.634-.544.634-1.03V2.096a1.8 1.8 0 0 0-.409-.085C21.54 2 21.485 2 21.43 2zM17.71 7.24s2.291-1.36 2.291-3.46V2h-.19v.1A3 3 0 0 1 17 5.17a3 3 0 0 1-2.82-3.07V2h-1.69a1.9 1.9 0 0 0-1 .31l-3.16 2a.427.427 0 0 0-.14.56L10 8.2a.37.37 0 0 0 .5.15l1.5-.94v3.78l-.013.064zm5.303-4.564v5.36s-.157-.098.52.318a.4.4 0 0 0 .142.049h.048a.38.38 0 0 0 .327-.203l1.685-3.33a.43.43 0 0 0-.14-.56zM10.2 21.03l-1.29 7.04l-.018.083c-.051.189-.07.385-.054.58q.018.143.064.28h16.03q.041-.127.058-.256c.015-.183 0-.367-.047-.544l-.024-.123l-2.832-15.722zm0 8.97"/></svg>Como usar o ícone Sari
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:sari" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:sari" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:sari" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--sari]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:sari"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:sari"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sari.svg" alt="Ícone Sari" width="24" height="24">O ícone Sari em outras coleções
Perguntas frequentes sobre Ícone Sari
O ícone Sari é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sari no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:sari" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sari a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sari.svg" alt="Ícone Sari">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.