Ícone Crutch
fluent-emoji-high-contrast:crutch
O ícone Crutch (fluent-emoji-high-contrast:crutch) é 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"><g fill="none"><g clip-path="url(#SVGkRCCwb7V)"><path fill="currentColor" d="M20.413 1.036A3.64 3.64 0 0 1 22.977 0a3.64 3.64 0 0 1 2.565 1.036l5.2 5.2a3.6 3.6 0 0 1-2.564 6.164q-.143 0-.294-.01l-6.122 5.955a8.12 8.12 0 0 1-5.4 2.605a6.3 6.3 0 0 0-2.112 1.417l-.009.008l-1.8 2.078l-.048.055l-.052.052a2.8 2.8 0 0 1-2.014.886h-.109l-1.965 1.965a2.76 2.76 0 0 1-.812 1.951l-1.7 1.7a2.784 2.784 0 0 1-3.928 0l-1-1a2.78 2.78 0 0 1 0-3.928l1.7-1.7a2.75 2.75 0 0 1 1.741-.8l2.148-2.146a3.07 3.07 0 0 1 .625-1.738l.071-.094l2.081-2.185l.079-.084l.089-.074a5.9 5.9 0 0 0 1.38-1.963a7.87 7.87 0 0 1 2.71-5.438l5.956-5.957a3.66 3.66 0 0 1 1.02-2.919m6.887 9.129q-.15-.09-.275-.215l-.949-.949l-6.849 6.85a4.8 4.8 0 0 1-2.8 1.5a6.2 6.2 0 0 0-3.5 1.5a6.2 6.2 0 0 0 1.5-3.4a4.56 4.56 0 0 1 1.481-2.782l6.918-6.918l-1.001-1.001a1.4 1.4 0 0 1-.177-.217L14.83 11.35l-.036.033a5.97 5.97 0 0 0-2.064 3.967c0 1.2-1.5 3-2.1 3.5l-2 2.1a.92.92 0 0 0-.029 1.17L4.94 25.776l1.066 1.054l3.65-3.65l.07.07c.182.111.387.18.6.2a.87.87 0 0 0 .6-.3l1.9-2.2l.13-.109c.687-.579 2.247-1.89 3.37-1.89a6.27 6.27 0 0 0 4-2zM17.302 14.1c-.383.341-.678.77-.86 1.25c.506-.173.961-.47 1.323-.865l.023-.025l.025-.024l2.424-2.424l-.423-.424zm4.512-4.512l.423.424L23.25 9l-.422-.425z"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
Como usar o ícone Crutch
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:crutch" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:crutch" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:crutch" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--crutch]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:crutch"></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:crutch"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/crutch.svg" alt="Ícone Crutch" width="24" height="24">
O ícone Crutch em outras coleções
Perguntas frequentes sobre Ícone Crutch
O ícone Crutch é 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 Crutch no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:crutch" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Crutch 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/crutch.svg" alt="Ícone Crutch">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
