Icône File Type Smolmachine

vscode-icons:file-type-smolmachine

L'icône File Type Smolmachine (vscode-icons:file-type-smolmachine) est une icône SVG gratuite de la collection VSCode Icons par Roberto Huertas. Elle est dessinée sur une grille de 32 × 32. Les VSCode 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: VSCode Icons
Auteur: Roberto Huertas
Licence: MIT
Taille: 32 × 32
Mots-clés: filetype, typesmolmachine, filetypesmolmachine

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#fff" d="M2 8a6 6 0 0 1 6-6h16a6 6 0 0 1 6 6v16a6 6 0 0 1-6 6H8a6 6 0 0 1-6-6z"/><path fill="#000" d="M21.12 14.677c-.694-.052-.876-.53-1.158-.99c-.494.387-1.023.734-1.466 1.163c-.486.473-.43 1.002.04 1.714c.194.29.35.607.45.958c-.65-.624-1.47-1.114-1.61-2.22c-.351.576-.757 1.062-1.227 1.552c-.697.714-1.373 1.53-2.408 1.714c.525 1.267 1.258 2.468.781 3.93c-.511-1.236-1.002-2.43-1.483-3.592c-1.315.174-1.328.17-1.922-1.158q-1.457.182-1.826-.026c.702-.122 1.318-.338 1.83-.868c-.698-.143-1.25-.45-1.531-1.14c.79.263 1.787.812 2.364-.122a4.2 4.2 0 0 1 .538-.694c.013.672-.23 1.419.829 1.71c-.343.12-.551.186-.75.268c-.344.143-.543.53-.404.859c.363.856 2.012-.124 2.399-.508c.264-.26.381-.542.269-.94c-.239-.825-.395-1.671-.642-2.495c-.195-.655-.577-.88-1.232-.73c-1.519.352-3.033.712-4.53 1.138c-1.088.308-1.526 1.058-1.314 2.164c.287 1.492.673 2.963.929 4.46c.286 1.665.316 3.331-.586 4.867c-.343.583-.638.386-1.124.108c.443-.876.816-1.709.885-2.659c.167-2.234-.627-4.617-1.045-6.797c-.213-1.281-.222-3.254.963-4.065c.204-.14.321-.278.334-.543c.048-.85.486-1.483 1.284-1.74c1.419-.455 2.555-1.361 3.752-2.185c.768-.525 1.532-1.055 2.287-1.601c.75-.542 1.574-.803 2.498-.755c.846.043 1.7.052 2.543.152c1.37.162 2.696.59 4.073.72c.816.078 1.314.377 1.484.967a1.78 1.78 0 0 1-.668 1.94c-.86.62-1.848.698-2.855.628c-.455-.03-.902-.156-1.358-.186c-.744-.04-1.642.29-2.373.416c.217 1.224.929 2.326.517 3.618q.931-.761 1.856-1.522c1.17-.965 3-1.98 4.507-1.12c.92.525 1.111 1.497.387 2.26c-.712.751-1.493 1.445-2.226 2.174c-1.345 1.34-2.355 2.906-3.062 4.663c-.578 1.44-1.484 2.573-2.829 3.371c-1.106.658-1.542 1.432-1.94 2.59c-.073.221-.077.507-.45.43c-.39-.087-.556-.283-.473-.656c.234-1.058.716-1.97 1.618-2.616c1.328-.951 2.505-1.82 3.18-3.388c1.11-2.598 2.824-4.728 4.923-6.576c.513-.455 1.303-1.342.196-1.653c-1.355-.377-2.512.562-3.514 1.34c-.722.549-.156 1.187.278 1.684zm-8.376-6.104c.129.258 2.5-.651 2.85-.737c.963-.24 1.527.034 2.034.884c.063.107.257.527.421.504c.655-.07 1.31-.16 2.035-.252c-.256-.32-.603-.477-.443-.941c.543.629 1.206.92 1.957 1.006c.865.104 2.983.092 2.945-1.232c-.145-.045-.278-.006-.43 0c-.784.018-1.552-.09-2.099-.711c-.269-.304-.55-.508-.945-.543a531 531 0 0 0-3.697-.32a2.55 2.55 0 0 0-1.587.377c-1.024.638-2.035 1.306-3.05 1.956zm2.876 7.522c.362-.32 1.018-.896.928-1.431c-.173-1.041-.468-2.07-.78-3.08c-.235-.755-.673-.985-1.44-.786c-1.844.482-3.684.98-5.51 1.527c-.97.295-1.428.89-1.926 1.692c.581-.256 1.036-.52 1.531-.663a124 124 0 0 1 4.013-1.033c1.174-.29 2.18-.022 2.546 1.271c.23.82.43 1.653.642 2.499zM8.289 11.65c2.147-.642 4.274-1.279 6.48-1.692c.6-.113 1.124.134 1.393.677c.597 1.185.845 2.484 1.145 3.765c.443-.594.803-1.158.655-1.813a31 31 0 0 0-.889-3.171c-.26-.773-.603-.942-1.405-.755c-2.19.52-4.329 1.286-6.455 2.013c-.46.156-.794.464-.924.976m16.167-4.29c.059-.291-1.517-.392-1.826-.443c.334.473 1.215.642 1.826.442"/><path fill="#000" d="M10.544 25.31c.664-.122 1.254-.166 1.8-.348c.53-.178 1.015-.499 1.618-.811c-.45.915-1.132 1.297-1.986 1.419c-.482.065-.964.056-1.432-.26"/></g></svg>

Comment utiliser l'icône File Type Smolmachine

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-smolmachine" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-smolmachine" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-smolmachine" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-smolmachine]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-smolmachine"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-smolmachine"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-smolmachine.svg" alt="Icône File Type Smolmachine" width="24" height="24">

Icônes similaires dans VSCode Icons

FAQ : Icône File Type Smolmachine

L'icône File Type Smolmachine est-elle gratuite pour un usage commercial ?

Oui. Les VSCode Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône File Type Smolmachine dans React ?

Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-smolmachine" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône File Type Smolmachine à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-smolmachine.svg" alt="Icône File Type Smolmachine">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les VSCode Icons →