Icône Nut And Bolt
fluent-emoji-high-contrast:nut-and-bolt
L'icône Nut And Bolt (fluent-emoji-high-contrast:nut-and-bolt) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji High Contrast
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Objets
- Mots-clés
- nutand, andbolt, nutandbolt
Code 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>
Comment utiliser l'icône 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>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/nut-and-bolt.svg" alt="Icône Nut And Bolt" width="24" height="24">
L'icône Nut And Bolt dans d'autres collections
FAQ : Icône Nut And Bolt
L'icône Nut And Bolt est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Nut And Bolt dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:nut-and-bolt" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Nut And Bolt à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/nut-and-bolt.svg" alt="Icône Nut And Bolt">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji High Contrast →
ICONYZ
