Ícone Nut And Bolt
fluent-emoji-high-contrast:nut-and-bolt
O ícone Nut And Bolt (fluent-emoji-high-contrast:nut-and-bolt) é 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
- Tags
- nutand, andbolt, nutandbolt
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m14.223 1.616l3.656 3.657c.82.82.821 2.163 0 2.984l-1.14 1.142a.472.472 0 0 1 .201.711l-.204.261l1.025 1.026l.099-.127c.17-.24.52-.28.73-.07c.16.16.18.42.05.61l-.204.261l1.015 1.016l.099-.127c.17-.24.52-.28.73-.07c.16.16.18.42.05.61l-.204.262l.481.48l1.625-1.626a2.1 2.1 0 0 1 2.991 0l3.657 3.657c.82.82.82 2.163 0 2.984l-1.116 1.117a.47.47 0 0 1 .036.596l-.204.262l1.025 1.025l.099-.127c.17-.24.52-.28.73-.07c.16.16.18.42.05.61l-.204.262l.775.775a3 3 0 0 1 0 4.243l-2.121 2.12a3 3 0 0 1-4.237.006l-.33.423c-.17.24-.52.28-.73.07a.47.47 0 0 1-.05-.61l.435-.558l-1.025-1.025l-.33.423c-.17.24-.52.28-.73.07a.47.47 0 0 1-.05-.61l.435-.558l-.447-.448l-1.641 1.643c-.82.82-2.164.82-2.985 0l-3.66-3.66a2.117 2.117 0 0 1 0-2.984l.865-.866a.47.47 0 0 1-.038-.597l.436-.558l-1.015-1.015l-.33.423c-.17.24-.52.28-.73.07a.47.47 0 0 1-.05-.61l.435-.558l-1.025-1.025l-.33.423c-.17.24-.52.28-.73.07a.47.47 0 0 1-.05-.61l.435-.558l-.587-.588l-1.641 1.643c-.82.82-2.164.82-2.985 0l-3.66-3.66a2.117 2.117 0 0 1 0-2.984l9.627-9.636a2.1 2.1 0 0 1 2.991 0M11.304 14.84l.415.414l2.976-3.81zm1.493-11.821a.1.1 0 0 0-.14 0l-.007.008l-2.707 2.71l3.816 3.815l2.706-2.709a.1.1 0 0 0 .03-.078a.1.1 0 0 0-.03-.078l-3.66-3.66zm.255 7.24L9.237 6.444L6.445 9.238l3.816 3.816zm-7.314-.314L3.02 12.667a.1.1 0 0 0-.03.078c0 .035.013.061.03.078l3.66 3.66c.016.017.042.03.077.03a.1.1 0 0 0 .078-.03l2.72-2.722zm13.147 5.404l-2.213 2.833l2.521-2.524zm3.419 10.49l.275.275l1.972-2.524zm-9.91-9.91l1.025 1.025l3.101-3.97l-1.025-1.025zm4.801-2.27l-3.101 3.97l1.015 1.015l3.101-3.97zm9.16 9.16l-3.101 3.97l1.025 1.025l3.101-3.97zm1.7 1.7l-3.101 3.97l.167.168a1 1 0 0 0 1.415 0l2.12-2.122a1 1 0 0 0 0-1.414zm-4.258-10.5a.1.1 0 0 0-.14 0l-.007.008l-2.707 2.71l3.816 3.815l2.706-2.709a.1.1 0 0 0 .03-.078a.1.1 0 0 0-.03-.078l-3.66-3.66zm.255 7.24l-3.815-3.815l-2.792 2.794l3.816 3.816zm-7.314-.314l-2.718 2.722a.1.1 0 0 0-.03.078c0 .035.013.061.03.078l3.66 3.66c.016.017.042.03.078.03a.1.1 0 0 0 .077-.03l2.72-2.722z"/></svg>
Como usar o ícone Nut And Bolt
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:nut-and-bolt" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:nut-and-bolt" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:nut-and-bolt" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--nut-and-bolt]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:nut-and-bolt"></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:nut-and-bolt"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/nut-and-bolt.svg" alt="Ícone Nut And Bolt" width="24" height="24">
O ícone Nut And Bolt em outras coleções
Perguntas frequentes sobre Ícone Nut And Bolt
O ícone Nut And Bolt é 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 Nut And Bolt no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:nut-and-bolt" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Nut And Bolt 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/nut-and-bolt.svg" alt="Ícone Nut And Bolt">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
