Icône Diagram Subtask

keyline-icons:diagram-subtask

L'icône Diagram Subtask (keyline-icons:diagram-subtask) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline 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: Keyline Icons
Auteur: Keyline Icons
Licence: MIT
Taille: 24 × 24
Mots-clés: diagramsubtask

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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 3L13 3C13.5523 3 14 3.4477 14 4L14 7C14 7.5523 13.5523 8 13 8L4 8C3.4477 8 3 7.5523 3 7L3 4C3 3.4477 3.4477 3 4 3ZM11 16L20 16C20.5523 16 21 16.4477 21 17L21 20C21 20.5523 20.5523 21 20 21L11 21C10.4477 21 10 20.5523 10 20L10 17C10 16.4477 10.4477 16 11 16ZM6 8L6 17.5C6 18.0523 6.4477 18.5 7 18.5L10 18.5"/></svg>

Comment utiliser l'icône Diagram Subtask

React

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

<Icon icon="keyline-icons:diagram-subtask" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:diagram-subtask" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:diagram-subtask" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--diagram-subtask]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:diagram-subtask"></div>

Web component

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

<iconify-icon icon="keyline-icons:diagram-subtask"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/diagram-subtask.svg" alt="Icône Diagram Subtask" width="24" height="24">

Icônes similaires dans Keyline Icons

FAQ : Icône Diagram Subtask

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

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

Comment utiliser l'icône Diagram Subtask dans React ?

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

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

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

Voir toutes les Keyline Icons →