Icône File Type Maven — VSCode Icons

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVG3aXOjKkX" x1="-7275" x2="-7244" y1="2083" y2="2046" gradientTransform="matrix(-.023 -.116 -.116 .023 79.7 -889)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f69923"/><stop offset=".312" stop-color="#f79a23"/><stop offset=".838" stop-color="#e97826"/></linearGradient><linearGradient id="SVGvlGO3plc" x1="-7504" x2="-7283" y1="2087" y2="2087" gradientTransform="matrix(-.023 -.116 -.116 .023 79.7 -889)" gradientUnits="userSpaceOnUse"><stop offset=".323" stop-color="#9e2064"/><stop offset=".63" stop-color="#c92037"/><stop offset=".751" stop-color="#cd2335"/><stop offset="1" stop-color="#e97826"/></linearGradient><linearGradient id="SVGmSM6fbQC" x1="-7477" x2="-7346" y1="2064" y2="2064" gradientTransform="matrix(-.023 -.116 -.116 .023 79.7 -889)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#282662"/><stop offset=".095" stop-color="#662e8d"/><stop offset=".788" stop-color="#9f2064"/><stop offset=".949" stop-color="#cd2032"/></linearGradient><linearGradient id="SVGCogbnboM" x1="-7491" x2="-7271" y1="2089" y2="2089" href="#SVGvlGO3plc"/><linearGradient id="SVGkVNoJPOU" x1="-7475" x2="-7359" y1="2086" y2="2086" href="#SVGmSM6fbQC"/><linearGradient id="SVG0JsbNdHX" x1="-7491" x2="-7271" y1="2066" y2="2066" href="#SVGvlGO3plc"/><linearGradient id="SVGbf7AdcCT" x1="-7505" x2="-7284" y1="2067" y2="2067" href="#SVGvlGO3plc"/><linearGradient id="SVGJbd4pd5e" x1="-7491" x2="-7271" y1="2059" y2="2059" href="#SVGvlGO3plc"/><linearGradient id="SVG470qpbNN" x1="-7491" x2="-7271" y1="2060" y2="2060" href="#SVGvlGO3plc"/><linearGradient id="SVGwqHgLeSc" x1="-8308" x2="-8277" y1="2040" y2="2000" gradientTransform="matrix(.074 -.112 -.112 -.074 864 -776)" href="#SVG3aXOjKkX"/><linearGradient id="SVGlYcXvKkY" x1="-8537" x2="-8316" y1="2044" y2="2044" gradientTransform="matrix(.074 -.112 -.112 -.074 864 -776)" href="#SVGvlGO3plc"/><linearGradient id="SVG14zH5cLs" x1="-8510" x2="-8378" y1="2022" y2="2022" gradientTransform="matrix(.074 -.112 -.112 -.074 864 -776)" href="#SVGmSM6fbQC"/><linearGradient id="SVGjdBvbeYu" x1="-8524" x2="-8303" y1="2046" y2="2046" gradientTransform="matrix(.074 -.112 -.112 -.074 864 -776)" href="#SVGvlGO3plc"/><linearGradient id="SVG1hdnSc6g" x1="-8508" x2="-8392" y1="2043" y2="2043" gradientTransform="matrix(.074 -.112 -.112 -.074 864 -776)" href="#SVGmSM6fbQC"/><linearGradient id="SVGrkmX4csu" x1="-8524" x2="-8303" y1="2023" y2="2023" gradientTransform="matrix(.074 -.112 -.112 -.074 864 -776)" href="#SVGvlGO3plc"/><linearGradient id="SVGvd5ikp8E" x1="-8538" x2="-8317" y1="2024" y2="2024" gradientTransform="matrix(.074 -.112 -.112 -.074 864 -776)" href="#SVGvlGO3plc"/><linearGradient id="SVGHc42rdHK" x1="-8524" x2="-8303" y1="2016" y2="2016" gradientTransform="matrix(.074 -.112 -.112 -.074 864 -776)" href="#SVGvlGO3plc"/><linearGradient id="SVGPccNfT7B" x1="-8524" x2="-8303" y1="2017" y2="2017" gradientTransform="matrix(.074 -.112 -.112 -.074 864 -776)" href="#SVGvlGO3plc"/><path id="SVGG6b54b5p" fill="#be202e" d="M10.924 13.495a6 6 0 0 1-.206.211c.036-.033.073-.072.107-.108a1 1 0 0 0 .099-.103"/><path id="SVGeWImsdsE" fill="#be202e" d="m10.4 12.356l.032-.03q.07-.067.128-.136c-.05.055-.107.108-.161.166Z"/><path id="SVGsBCEWcHb" fill="#be202e" d="M10.827 13.6c-.033.037-.07.069-.107.108a1 1 0 0 1 .107-.108"/><path id="SVG3Bz4seLd" fill="#be202e" d="M10.4 12.359c.012-.009.021-.021.036-.033c-.012.009-.021.021-.036.033"/><path id="SVGsONjse2U" fill="#be202e" d="M19.9 15.6q-.168.007-.334.006h.172a1 1 0 0 0 .162-.006"/><path id="SVGO7CZubdc" fill="#be202e" d="M20.4 14.3h.05q.109.002.212-.008q-.127-.002-.261.006z"/><path id="SVGnS4ieepc" fill="#be202e" d="M19.7 15.7h-.172a2 2 0 0 1 .172 0"/><path id="SVGJfWwCbMc" fill="#be202e" d="M20.4 14.3h.055z"/></defs><path fill="url(#SVG3aXOjKkX)" d="M5.98 2.53a9.5 9.5 0 0 0-.4 2.66l1.43.691a18 18 0 0 1 .1-2.54l.011-.092c0 .031-.009.061-.011.092a16 16 0 0 0-.003 2.51a28 28 0 0 0 2.11-2a3.04 3.04 0 0 0-1.59-1.7s-1.26-.51-1.64.389z"/><path fill="none" d="M9.688 9.722a.02.02 0 0 0 .012-.013l-.08.071c0 .007-.009.013-.01.019ZM10.6 12.2q-.059.069-.128.136a2 2 0 0 0 .128-.136m-.859 7.576c0-.021-.014-.044-.018-.065l-.355-1.3q-.187-.712-.359-1.391a104 104 0 0 1-.647-2.75q-.116-.538-.221-1.047l-.066-.336l-.126-.647c-.061-.315-.073-.386-.109-.575q-.016-.098-.034-.186l-.006-.035l-.069.062l-.142-.07q.001.023.01.047q.072.428.152.863l.093.5c.088.465.181.926.282 1.393s.2.94.308 1.4s.214.914.324 1.368s.222.9.338 1.346a66 66 0 0 0 .45 1.674q.15.547.3 1.073l.229.115l.076-.068a.1.1 0 0 0-.009-.029c-.149-.45-.277-.903-.401-1.342"/><use href="#SVGG6b54b5p"/><use href="#SVGG6b54b5p" opacity=".35"/><use href="#SVGeWImsdsE"/><use href="#SVGeWImsdsE" opacity=".35"/><path fill="url(#SVGvlGO3plc)" d="M7.38 10.092q-.1-.712-.18-1.4q-.083-.715-.131-1.408c0-.028-.005-.056 0-.081A23 23 0 0 1 7 5.878l-1.425-.687c0 .086-.01.175-.013.269q-.022.51-.028 1.085c0 .43 0 .878.008 1.347c.01.432.028.882.051 1.34q.034.587.081 1.192v.046l1.906.965c-.063-.451-.133-.899-.2-1.343"/><path fill="url(#SVGmSM6fbQC)" d="M10.2 21.362q.152.536.328 1.095v.015c.016.054.029.105.049.157c.076.251.149.474.307.984a1.93 1.93 0 0 1 1.094.262a1.56 1.56 0 0 0-1.041-.566a3.35 3.35 0 0 0 1.827-2.977a4 4 0 0 0-.047-.326a1.35 1.35 0 0 1-.766 1.152a3.77 3.77 0 0 0 .61-2.373q-.023-.29-.075-.619a3.06 3.06 0 0 1-1.772 2.462l-.578.532c.021.067.039.133.064.202"/><path fill="url(#SVGCogbnboM)" d="m9.453 19.735l-.365-1.374q-.173-.665-.338-1.346c-.165-.681-.218-.911-.324-1.368s-.21-.934-.308-1.4s-.19-.931-.282-1.393a29 29 0 0 1-.093-.5c-.053-.286-.1-.574-.152-.863a.2.2 0 0 0-.01-.047l-1.895-.967a1 1 0 0 1 .007.091c.038.429.075.865.126 1.3s.106.89.172 1.341q.084.568.179 1.138l.041.228a28 28 0 0 0 .639 2.707q.122.415.246.794c.072.212.15.425.225.635q.272.738.6 1.438l1.915.97q-.15-.528-.3-1.073z"/><path fill="url(#SVGkVNoJPOU)" d="M7.947 20.208a15 15 0 0 0 .881 1.627c.011.016.022.038.033.054a3.9 3.9 0 0 0-1.46-.113a5.37 5.37 0 0 1 2.353 1.371a2.5 2.5 0 0 1-1.112.558a2.46 2.46 0 0 0 1.22-.108a3 3 0 0 0-.742 1.447a3.1 3.1 0 0 1 1.205-1.276a140 140 0 0 0 2.034 6.14a.58.58 0 0 0 .09-.541a131 131 0 0 1-2.095-6.468c-.03-.1-.056-.2-.089-.3l-.025-.084q-.16-.55-.326-1.132c-.024-.09-.05-.174-.074-.265l-1.915-.97a.4.4 0 0 0 .022.06"/><path fill="url(#SVG0JsbNdHX)" d="m7.806 11.476l.034.186c.037.19.07.382.109.575l.126.647q.03.166.066.336q.105.51.221 1.047c.1.441.2.894.311 1.366c.1.446.218.911.336 1.384c.115.451.231.913.359 1.391c.112.423.233.858.355 1.3c0 .021.014.044.018.065q.185.66.386 1.353a.1.1 0 0 0 .009.029l.578-.532c-.015 0-.026.013-.045.021a5.55 5.55 0 0 0 1.408-3.114a7.5 7.5 0 0 0-.018-1.737a12 12 0 0 0-.278-1.486a19 19 0 0 0-.425-1.456a3 3 0 0 1-.441.637l-.1.11c-.033.037-.07.069-.107.108a3.38 3.38 0 0 0 .416-2.507a3.2 3.2 0 0 1-.572.991q-.059.069-.128.136c-.012.009-.021.021-.036.033a3.5 3.5 0 0 0 .371-.814a2 2 0 0 0 .043-.17q.029-.13.047-.263c.005-.058.014-.112.019-.171a2.5 2.5 0 0 0 0-.413c0-.046 0-.087-.011-.13q-.015-.095-.031-.182c-.046-.267-.1-.5-.149-.7q-.038-.15-.076-.275c-.012-.033-.018-.065-.03-.1c-.031-.091-.056-.175-.084-.245a3 3 0 0 0-.105-.242a.5.5 0 0 1-.042.115a3.8 3.8 0 0 1-.65.934l.533-.487l-.536.484a.02.02 0 0 0-.009.013A1 1 0 0 0 9.6 9.8c0-.007.009-.013.01-.019l-1.82 1.665c.015.013.017.023.016.03"/><path fill="url(#SVGbf7AdcCT)" d="M7.1 5.845q.034.6.1 1.344l.009.078c.041.433.094.9.162 1.409c.058.439.122.9.2 1.4c.065.433.145.886.227 1.367l1.82-1.667a3 3 0 0 0 .457-1.647c0-.143-.011-.293-.022-.447a14 14 0 0 0-.158-1.432a13 13 0 0 0-.271-1.287a7 7 0 0 0-.209-.653a8 8 0 0 0-.2-.454A29 29 0 0 1 7.1 5.845"/><use href="#SVGsBCEWcHb"/><use href="#SVGsBCEWcHb" opacity=".35"/><path fill="url(#SVGJbd4pd5e)" d="M10.827 13.6c-.033.037-.07.069-.107.108a1 1 0 0 1 .107-.108"/><use href="#SVG3Bz4seLd"/><use href="#SVG3Bz4seLd" opacity=".35"/><path fill="url(#SVG470qpbNN)" d="M10.4 12.359c.012-.009.021-.021.036-.033c-.012.009-.021.021-.036.033"/><path fill="url(#SVGwqHgLeSc)" d="M24.6 2.89a10.8 10.8 0 0 0-2.43 1.82l.6 1.69a20 20 0 0 1 2.1-1.96l.082-.066c-.026.024-.056.042-.082.066a18 18 0 0 0-2 2.01a31 31 0 0 0 3.29.072a3.44 3.44 0 0 0 .071-2.64s-.612-1.41-1.63-.993z"/><path fill="none" d="M21.9 11.627a.02.02 0 0 0 .017 0l-.121-.007c-.006 0-.017 0-.023.008ZM20.6 14.3q-.103.008-.212.008q.11 0 .212-.008m-6.642 5.463c.014-.02.023-.046.037-.067c.255-.456.5-.9.75-1.331a126 126 0 0 1 1.645-2.781a82 82 0 0 1 1.703-2.687l.413-.621q.189-.278.369-.55q.064-.092.12-.176l.021-.03h-.1l-.058-.169c-.008.015-.021.03-.029.046q-.285.4-.563.815q-.158.236-.325.479c-.3.444-.591.889-.879 1.346s-.584.918-.867 1.375s-.554.905-.826 1.359s-.537.9-.8 1.352a76 76 0 0 0-.973 1.713q-.315.559-.611 1.1l.093.274l.116.006a.1.1 0 0 0 .016-.031c.242-.504.499-.971.748-1.422"/><use href="#SVGsONjse2U"/><use href="#SVGsONjse2U" opacity=".35"/><use href="#SVGO7CZubdc"/><use href="#SVGO7CZubdc" opacity=".35"/><path fill="url(#SVGlYcXvKkY)" d="M19.751 10.091q.486-.652.968-1.272a36 36 0 0 1 2.073-2.423l-.6-1.685q-.107.1-.224.205q-.426.395-.884.851q-.517.515-1.064 1.091c-.335.356-.678.732-1.023 1.119q-.44.5-.882 1.024l-.034.039l.767 2.291c.305-.413.604-.831.903-1.24"/><path fill="url(#SVG14zH5cLs)" d="M13.063 21.4q-.299.554-.605 1.142c0 .005-.007.01-.008.015c-.03.057-.06.108-.085.165c-.138.262-.256.5-.534 1.036a2.2 2.2 0 0 1 .673 1.08a1.77 1.77 0 0 0-.388-1.282c1.558.3 2.973.1 3.836-.945q.114-.141.221-.3a1.52 1.52 0 0 1-1.532.318a4.26 4.26 0 0 0 2.376-1.429q.211-.25.431-.558a3.46 3.46 0 0 1-3.383.574l-.888-.031c-.038.076-.077.143-.114.215"/><path fill="url(#SVGjdBvbeYu)" d="M13.758 19.5q.393-.69.8-1.4q.389-.675.8-1.352c.411-.677.549-.906.826-1.359s.573-.919.867-1.375s.587-.9.879-1.346c.107-.162.213-.318.325-.479q.278-.408.563-.815c.008-.015.021-.03.029-.046l-.757-2.284a1 1 0 0 1-.067.079c-.31.376-.626.756-.934 1.149s-.622.8-.927 1.217c-.257.35-.508.7-.76 1.058c-.049.07-.1.146-.148.217a29 29 0 0 0-2.069 3.522c-.111.228-.217.461-.323.69q-.367.81-.661 1.633l.771 2.3c.2-.365.406-.728.611-1.1c.055-.099.117-.201.175-.309"/><path fill="url(#SVG1hdnSc6g)" d="M12.17 18.686a17 17 0 0 0-.583 2.01c0 .022-.013.048-.016.07a4.4 4.4 0 0 0-1.086-1.251a6.1 6.1 0 0 1 .805 2.973a2.8 2.8 0 0 1-1.339-.435a2.8 2.8 0 0 0 1.068.883a3.4 3.4 0 0 0-1.747.575a3.5 3.5 0 0 1 1.984-.069C10.2 25.432 9.12 27.645 8.015 30a.65.65 0 0 0 .5-.364c.2-.426 1.51-3.226 3.453-6.872c.054-.1.113-.205.168-.314l.046-.087q.308-.57.637-1.17l.151-.272v-.005l-.771-2.3a.4.4 0 0 0-.029.07"/><path fill="url(#SVGrkmX4csu)" d="m18.994 11.544l-.12.176c-.121.182-.247.363-.369.55s-.271.409-.413.621q-.106.158-.214.323q-.321.494-.654 1.018q-.41.645-.835 1.346c-.27.443-.549.906-.829 1.381q-.4.68-.816 1.4q-.368.646-.75 1.331c-.014.02-.023.046-.037.067q-.375.677-.765 1.4a.1.1 0 0 0-.016.031l.888.031c-.015-.008-.032-.01-.053-.019a6.27 6.27 0 0 0 3.607-1.389a8.5 8.5 0 0 0 1.368-1.411a14 14 0 0 0 .956-1.417q.41-.688.815-1.51a3.3 3.3 0 0 1-.861.162l-.168.009h-.172a3.82 3.82 0 0 0 2.326-1.688a3.6 3.6 0 0 1-1.248.344q-.103.009-.212.008h-.055a4 4 0 0 0 .945-.36a2 2 0 0 0 .17-.1q.127-.083.247-.174l.151-.122a3 3 0 0 0 .326-.335c.034-.039.066-.073.094-.114q.064-.088.119-.171a10 10 0 0 0 .597-.966c.016-.036.037-.067.054-.1c.048-.1.094-.186.127-.264a3 3 0 0 0 .107-.278a.6.6 0 0 1-.125.059a4.2 4.2 0 0 1-1.265.236l.816.031l-.816-.031a.02.02 0 0 0-.017 0a1 1 0 0 0-.128 0c.006 0 .017 0 .023-.008l-2.79-.1c.005.018-.002.028-.008.033"/><path fill="url(#SVGvd5ikp8E)" d="M22.9 6.452q-.45.51-.986 1.164l-.055.07q-.465.57-.989 1.263c-.3.4-.62.824-.954 1.29c-.292.4-.587.829-.9 1.281l2.79.1a3.4 3.4 0 0 0 1.677-.962q.167-.177.338-.377A16 16 0 0 0 24.828 9a14 14 0 0 0 .8-1.251a8 8 0 0 0 .351-.691c.077-.183.141-.356.2-.525a33 33 0 0 1-3.279-.081"/><use href="#SVGnS4ieepc"/><use href="#SVGnS4ieepc" opacity=".35"/><path fill="url(#SVGHc42rdHK)" d="M19.7 15.7h-.172a2 2 0 0 1 .172 0"/><use href="#SVGJfWwCbMc"/><use href="#SVGJfWwCbMc" opacity=".35"/><path fill="url(#SVGPccNfT7B)" d="M20.4 14.3h.055z"/></svg>

Comment utiliser l'icône File Type Maven

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Image HTML

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

Icônes similaires dans VSCode Icons

FAQ : Icône File Type Maven

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

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

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

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