Ikon File Type Maven — VSCode Icons

Kode 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>

Cara memakai ikon 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>

Gambar HTML

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

Ikon terkait di VSCode Icons

FAQ Ikon File Type Maven

Apakah ikon File Type Maven gratis untuk penggunaan komersial?

Ya. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon File Type Maven di React?

Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-maven" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon File Type Maven ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-maven.svg" alt="Ikon File Type Maven">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.