Icône Modin

simple-icons:modin

L'icône Modin (simple-icons:modin) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.0, 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: Simple Icons
Auteur: Simple Icons Collaborators
Licence: CC0-1.0
Taille: 24 × 24

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.44 7.391h2.066a.36.36 0 0 0 .354-.353a.36.36 0 0 0-.354-.359H6.44a.358.358 0 1 0 0 .712m14.08 7.082a1.74 1.74 0 0 0-1.773 1.777a1.773 1.773 0 0 0 1.773 1.796h1.703A1.773 1.773 0 0 0 24 16.273a1.745 1.745 0 0 0-1.777-1.777zm1.703-4.95A1.745 1.745 0 0 0 24 7.744a1.773 1.773 0 0 0-1.777-1.773H20.52a1.773 1.773 0 0 0-1.773 1.773a1.74 1.74 0 0 0 1.773 1.777zm-1.703.697a1.777 1.777 0 0 0-1.773 1.778a1.74 1.74 0 0 0 1.773 1.777h1.703A1.745 1.745 0 0 0 24 11.998a1.777 1.777 0 0 0-1.777-1.773zm-4.886 4.253a1.74 1.74 0 0 0-1.773 1.777a1.77 1.77 0 0 0 1.773 1.796h.633a1.773 1.773 0 0 0 1.777-1.772a1.745 1.745 0 0 0-1.777-1.801zm.633-4.95a1.745 1.745 0 0 0 1.777-1.778a1.773 1.773 0 0 0-1.777-1.773h-.651a1.77 1.77 0 0 0-1.773 1.773a1.74 1.74 0 0 0 1.773 1.777zm-.651.697a1.777 1.777 0 0 0-1.754 1.778a1.74 1.74 0 0 0 1.772 1.777h.633a1.745 1.745 0 0 0 1.796-1.777a1.777 1.777 0 0 0-1.796-1.778zM3.914 8.824h1.033a.354.354 0 0 0 .358-.353a.363.363 0 0 0-.358-.358H3.932a.354.354 0 0 0 0 .707zm-3.15-2.13h.27a.354.354 0 0 0 .358-.354a.363.363 0 0 0-.358-.358h-.27a.354.354 0 0 0 0 .707zm5.676 9.91h2.066a.354.354 0 0 1 .354.354a.36.36 0 0 1-.354.358H6.44a.358.358 0 1 1 0-.712m-2.508-1.42h1.033a.354.354 0 1 1 0 .708H3.932a.354.354 0 0 1 0-.707m-3.15 2.132h.27a.354.354 0 0 1 .359.354a.363.363 0 0 1-.359.358h-.27a.354.354 0 0 1 0-.707zm1.587.73h9.027a1.773 1.773 0 0 0 1.772-1.772a1.74 1.74 0 0 0-1.772-1.778H1.694a.358.358 0 0 0 0 .712h.931a.354.354 0 0 1 0 .707H.317a.358.358 0 0 0 0 .712H5.17a.358.358 0 0 1 0 .712H2.378a.354.354 0 0 0-.34.354a.36.36 0 0 0 .354.358Zm4.071-6.388h2.066a.354.354 0 0 0 .354-.354a.36.36 0 0 0-.354-.358H6.44a.363.363 0 0 0-.358.358a.36.36 0 0 0 .358.354m-2.508 1.424h1.033a.358.358 0 1 0 0-.712H3.932a.354.354 0 0 0-.353.353a.36.36 0 0 0 .353.359M.782 10.95h.27a.354.354 0 1 0 0-.707h-.27a.36.36 0 0 0-.353.353a.36.36 0 0 0 .353.358zm1.587-.712h9.027a1.777 1.777 0 0 1 1.772 1.759a1.74 1.74 0 0 1-1.772 1.777H1.694a.354.354 0 0 1 0-.707h.931a.36.36 0 0 0 .354-.358a.36.36 0 0 0-.354-.354H.317a.358.358 0 0 1 0-.712H5.17a.358.358 0 0 0 0-.712H2.378a.358.358 0 0 1 0-.712zm0-4.253h9.027a1.773 1.773 0 0 1 1.772 1.773a1.74 1.74 0 0 1-1.772 1.777H1.694a.36.36 0 0 1-.353-.353a.354.354 0 0 1 .34-.359h.93a.354.354 0 0 0 0-.707H.317a.358.358 0 0 1 0-.712H5.17a.358.358 0 0 0 0-.712H2.378a.354.354 0 0 1-.34-.353a.36.36 0 0 1 .331-.391Z"/></svg>

Comment utiliser l'icône Modin

React

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

<Icon icon="simple-icons:modin" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:modin" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:modin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--modin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:modin"></div>

Web component

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

<iconify-icon icon="simple-icons:modin"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/modin.svg" alt="Icône Modin" width="24" height="24">

L'icône Modin dans d'autres collections

FAQ : Icône Modin

L'icône Modin est-elle gratuite pour un usage commercial ?

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

Comment utiliser l'icône Modin dans React ?

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

Comment ajouter l'icône Modin à une page web ?

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

Voir toutes les Simple Icons →