Ícone Hammer And Wrench
emojione:hammer-and-wrench
O ícone Hammer And Wrench (emojione:hammer-and-wrench) é um ícone SVG gratuito da coleção Emoji One (Colored) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Colored) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (Colored)
- Autor
- Emoji One
- Licença
- CC-BY-4.0
- Tamanho
- 64 × 64
- Categoria
- Objetos
- Tags
- hammerand, andwrench, hammerandwrench
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#94989b" d="m20.9 50.9l30-30c3.5.8 7.3-.1 10-2.8s3.6-6.5 2.8-10L55 16.7l-6.1-1.6L47.3 9L56 .3c-3.5-.8-7.3.1-10 2.8s-3.6 6.5-2.8 10l-30 30c-3.5-.8-7.3.1-10 2.8C-1 50-1 56.8 3.1 60.9s10.9 4.1 15 0c2.7-2.7 3.6-6.5 2.8-10m-8.7 8.6l-6.1-1.6l-1.6-6.1L9 47.3l6.1 1.6l1.6 6.1z"/><path fill="#3e4347" d="m28.8 21.9l-5.6 5.8l-5.5-5.7l5.5-5.8z"/><path fill="#94989b" d="M16.7 5.1L6.9 15.2c-.4.4-.4 1 0 1.3l3.7 3.8l3.7 3.8c.4.4.9.4 1.3 0L25.4 14c.4-.4.4-1 0-1.3L18 5.1c-.3-.4-.9-.4-1.3 0M.3 22c-.4.4-.4 1 0 1.3L7.6 31c.4.4.9.4 1.3 0c0 0 2-2.1 2.1-2.2l-8.6-8.9C2.3 19.9.3 22 .3 22"/><path fill="#3e4347" d="m10.5 20.4l-3.7-3.8s1.2 2.1-2 2.5c-1.3.2-2.1.4-2.5.8l8.6 8.9c.4-.5.6-1.3.8-2.6c.4-3.3 2.4-2 2.4-2zM39.6 4.3C29.5-6 18.4 5.5 18.4 5.5l6.5 6.7s6.3-8.5 14.2-6.1c.9.3 1.7.7 2 .5c.4-.3-.8-1.6-1.5-2.3"/><path fill="#f2b200" d="m26 24.8l-3.6 3.7s1.9 3 5.1 6.3c3.5 3.6 8.2 5.7 12.9 10.5c7 7.2 12.8 15 14.9 17.9c.8 1.1.9 1 1.9 0l3-3.1z"/><path fill="#ffce31" d="m26 24.8l3.6-3.7s2.9 1.9 6.1 5.2c3.5 3.6 5.5 8.5 10.2 13.3c7 7.2 14.5 13.2 17.4 15.4c1.1.8 1 1 0 2l-3 3.1z"/></svg>
Como usar o ícone Hammer And Wrench
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:hammer-and-wrench" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:hammer-and-wrench" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:hammer-and-wrench" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--hammer-and-wrench]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:hammer-and-wrench"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:hammer-and-wrench"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione/hammer-and-wrench.svg" alt="Ícone Hammer And Wrench" width="24" height="24">
Ícones relacionados em Emoji One (Colored)
O ícone Hammer And Wrench em outras coleções
Perguntas frequentes sobre Ícone Hammer And Wrench
O ícone Hammer And Wrench é grátis para uso comercial?
Sim. Emoji One (Colored) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Hammer And Wrench no React?
Instale @iconify/react e renderize <Icon icon="emojione:hammer-and-wrench" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hammer And Wrench a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione/hammer-and-wrench.svg" alt="Ícone Hammer And Wrench">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Emoji One (Colored) →
ICONYZ
