ICONYZ
Français
Icône File Type Tasks Json de VSCode Icons

Icône File Type Tasks Json

vscode-icons:file-type-tasks-json

L'icône File Type Tasks Json (vscode-icons:file-type-tasks-json) est une icône SVG gratuite de la collection VSCode Icons par Roberto Huertas. Elle est dessinée sur une grille de 1 × 1. 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
1 × 1
Mots-clés
filetype, typetasks, tasksjson, filetypetasksjson, task
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1"><defs><clipPath id="SVGHsGyoden"><path fill="none" stroke-width=".04" d="M-4.8-4.92H6.1v11.1H-4.8zM.99.57v.08h.104V.57z" class="powerclip"/></clipPath></defs><path fill="gray" d="M.48 1.12h-.2V.28H.4V.4h.48V.28H1v.36h.08V.28A.08.08 0 0 0 1 .2H.88V.16A.08.08 0 0 0 .8.08H.48A.08.08 0 0 0 .4.16V.2H.28A.08.08 0 0 0 .2.28v.84a.08.08 0 0 0 .08.08h.2zm0-.96H.8v.16H.48z" clip-path="url(#SVGHsGyoden)"/><path fill="gray" d="M.334.729h.395v.05H.334zm0 .204h.35v.05h-.35zm0-.407h.607v.05H.334z"/><path fill="#f5df19" stroke="#fbc12d" stroke-width=".008" d="M.64.915A.06.06 0 0 0 .68.902A.06.06 0 0 0 .7.868A.4.4 0 0 0 .704.794q0-.052.002-.069a.1.1 0 0 1 .01-.042a.1.1 0 0 1 .019-.025a.1.1 0 0 1 .029-.015L.803.64h.018v.05H.81A.06.06 0 0 0 .768.7a.1.1 0 0 0-.01.052a1 1 0 0 1-.004.103a.1.1 0 0 1-.02.052a.1.1 0 0 1-.042.032a.1.1 0 0 1 .05.044a.2.2 0 0 1 .016.097v.072a.04.04 0 0 0 .013.03a.1.1 0 0 0 .04.008h.01v.05H.803a.1.1 0 0 1-.044-.006a.1.1 0 0 1-.033-.023a.1.1 0 0 1-.017-.04l-.004-.082a.4.4 0 0 0-.006-.077a.06.06 0 0 0-.02-.034A.06.06 0 0 0 .64.966zm.6.051a.06.06 0 0 0-.04.013a.06.06 0 0 0-.02.034a.4.4 0 0 0-.005.078l-.004.08a.1.1 0 0 1-.017.042a.1.1 0 0 1-.033.023a.1.1 0 0 1-.044.005h-.018v-.049h.01a.1.1 0 0 0 .04-.008a.04.04 0 0 0 .012-.03q.002-.012.002-.073a.2.2 0 0 1 .015-.096a.1.1 0 0 1 .05-.044a.1.1 0 0 1-.043-.033a.1.1 0 0 1-.019-.051a1 1 0 0 1-.003-.103a.1.1 0 0 0-.01-.053a.06.06 0 0 0-.044-.011h-.01V.64h.018l.038.004a.1.1 0 0 1 .03.014a.1.1 0 0 1 .018.026a.1.1 0 0 1 .01.042q.002.017.002.069a.4.4 0 0 0 .006.074a.06.06 0 0 0 .02.034a.06.06 0 0 0 .04.013z"/></svg>

Comment utiliser l'icône File Type Tasks Json

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-tasks-json"></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-tasks-json"></iconify-icon>

Image HTML

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

Icônes similaires dans VSCode Icons

FAQ : Icône File Type Tasks Json

L'icône File Type Tasks Json 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 Tasks Json dans React ?

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

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

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

Voir toutes les VSCode Icons →