Ikon File Type Key — VSCode Icons

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGp6OyCckW" x1="15.7" x2="15.5" y1="102" y2="107" gradientTransform="rotate(6.54 714.854 146.08)" gradientUnits="userSpaceOnUse"><stop offset=".365" stop-color="#961b1e"/><stop offset=".697" stop-color="#961b1e"/></linearGradient><linearGradient id="SVGK6aXRbdV" x1="15.3" x2="15.3" y1="104" y2="106" gradientTransform="rotate(6.54 714.854 146.08)" gradientUnits="userSpaceOnUse"><stop offset=".326" stop-color="#c0272d"/><stop offset=".82" stop-color="#c0272d"/></linearGradient><linearGradient id="SVGI2iyCcGH" x1="-3311" x2="-3311" y1="804" y2="808" gradientTransform="matrix(-1.07 .315 .248 .986 -3724 274)" href="#SVGp6OyCckW"/><linearGradient id="SVGQZKPodbF" x1="-3311" x2="-3311" y1="805" y2="807" gradientTransform="matrix(-1.07 .315 .248 .986 -3724 274)" href="#SVGK6aXRbdV"/><linearGradient id="SVGx0sFyesv" x1="22.9" x2="22.9" y1="23.8" y2="14.9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#651116"/><stop offset=".053" stop-color="#6a1217"/><stop offset=".463" stop-color="#901b20"/><stop offset=".793" stop-color="#a72126"/><stop offset="1" stop-color="#b02328"/></linearGradient><linearGradient id="SVGHHENQcRe" x1="24.3" x2="21.3" y1="22.4" y2="16.3" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#ca4849"/><stop offset=".421" stop-color="#c0272d"/><stop offset="1" stop-color="#730b0d"/></linearGradient><linearGradient id="SVGzxFGZdyf" x1="24.1" x2="21.5" y1="22" y2="16.6" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#ca4849"/><stop offset=".421" stop-color="#c0272d"/><stop offset="1" stop-color="#651116"/></linearGradient><linearGradient id="SVGP9qjncfQ" x1="24.3" x2="21.2" y1="22.6" y2="16.2" gradientUnits="userSpaceOnUse"><stop offset=".017" stop-color="#b12328"/><stop offset=".096" stop-color="#d9383c"/><stop offset=".994" stop-color="#651116"/></linearGradient><linearGradient id="SVG4AdrIdSc" x1="383" x2="383" y1="-41.1" y2="-64.6" gradientTransform="matrix(1 0 0 -1 -367 -37.7)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffe800"/><stop offset="1" stop-color="#dfb300"/></linearGradient><linearGradient id="SVGgUqgweWY" x1="383" x2="382" y1="-58.6" y2="-58.6" gradientTransform="matrix(1 0 0 -1 -367 -37.7)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffe800" stop-opacity=".392"/><stop offset="1" stop-color="#dfb300" stop-opacity=".392"/></linearGradient><linearGradient id="SVGhqh9Cbyf" x1="206" x2="198" y1="-131" y2="-123" gradientTransform="rotate(45 249.378 -155.904)scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dfb300"/><stop offset=".5" stop-color="#dfb300"/><stop offset="1" stop-color="#dfb300"/></linearGradient><linearGradient id="SVGORiQ492t" x1="-723" x2="-728" y1="-710" y2="-710" gradientTransform="matrix(0 -1.19 1.19 0 859 -852)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><radialGradient id="SVGd9Nbtcsq" cx="131" cy="24.5" r="173" gradientTransform="translate(19.1 18.9)scale(.028)" gradientUnits="userSpaceOnUse"><stop offset=".478" stop-color="#ec1c24"/><stop offset=".775" stop-color="#961b1e"/><stop offset="1" stop-color="#d9383c"/></radialGradient><radialGradient id="SVGfbSYEePU" cx="138" cy="51" r="170" gradientTransform="translate(19 18.9)scale(.027)" gradientUnits="userSpaceOnUse"><stop offset=".618" stop-color="#6c0607"/><stop offset=".994" stop-color="#b12328"/></radialGradient><radialGradient id="SVG550VBb5E" cx="-128" cy="14.6" r="121" gradientTransform="translate(19.3 19.7)scale(-.027)" gradientUnits="userSpaceOnUse"><stop offset=".876" stop-color="#c0272d"/><stop offset="1" stop-color="#831416"/></radialGradient><radialGradient id="SVGjW9dZXOk" cx="-95.7" cy="89.9" r="192" gradientTransform="translate(19.3 19.7)scale(-.027)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c5263b"/><stop offset="1" stop-color="#910d10"/></radialGradient></defs><path fill="gray" d="M6.35 3.75v24.5h19.3V8.15h-4.8V3.78zm16.2 1.08l.011 1.54h1.67l-1.68-1.55z"/><path fill="#c5c5c5" d="M22 2H6.3a1.76 1.76 0 0 0-1.75 1.75v24.5A1.76 1.76 0 0 0 6.3 30h19.3a1.76 1.76 0 0 0 1.75-1.75V6.85zm.525 2.84l1.66 1.53h-1.66zm-16.2 23.4V3.74h14.4v4.37h4.81v20.1z"/><path fill="#d7d8da" d="M27.047 28.749c-.062-.115-.089-.173-.126-.249l-.048-.15a8 8 0 0 0-.342-.889l-.048-.144l-.186-.555l-.007-.018l-.06-.179c-.054-.177-.112-.341-.171-.508l-.151-.449l-.013-.041l-.069-.2l-1.391-4.139l-.152.063l-1.877.809h-.017l-.044.019v.018l.006.04c.016.107.054.356.1.694l-1.771-.4l-.174-.037s-.8 3.7-1.105 5.176a10 10 0 0 0-.1.49l-.015.085l-.044.207l-.127.6l-.033.154a8 8 0 0 0-.249.965l-.062.315a5 5 0 0 0-.182.451q-.019.047-.042.094l.01-.006l-.01.026q.122-.09.243-.182c.165-.119.323-.244.5-.353l.013-.009l.122-.1l.031-.024a8 8 0 0 1 .9-.59l.1-.083l.33-.263l.143.115l.159.127a10 10 0 0 1 .875.564a3 3 0 0 1 .229.2c.207.176.452.337.654.538c-.022-.2-.045-.422-.082-.62c0-.1.006-.2.007-.307c0-.306-.011-.609-.013-.914v-.162l.037-1.481l.006-.222c.009-.367.025-1.051.028-1.106l.016-.62l.105.7l.014.1l.069.454l.157 1.04l.007.042l.024.156c.035.293.062.587.1.882q.019.151.044.294c.013.183.013.384.013.565c.134-.161.291-.341.43-.51a.4.4 0 0 0 .1-.105a7.5 7.5 0 0 1 .877-.87l.126-.148l.114-.133l.328.2l.1.063q.302.123.593.27l.163.091l.15.081c.286.157.6.3.89.458c-.073-.12-.118-.261-.202-.38"/><path fill="url(#SVGp6OyCckW)" d="m22.534 21.04l.448 3.306q.018.115.041.232a3.2 3.2 0 0 1 .117.934l.032.234l.234 1.729c.035.322.06.644.1.967q.02.162.043.323c.013.2.013.421.013.62c.132-.176.286-.374.424-.56a.4.4 0 0 0 .1-.116a8 8 0 0 1 .863-.954l.124-.162l.112-.146l.323.221l.1.069c.2.091.394.188.584.3q.07.042.161.1l.148.089c.281.172.59.327.876.5c-.088-.132-.132-.286-.215-.417c-.061-.126-.088-.19-.124-.273l-.047-.165a9 9 0 0 0-.337-.976l-.047-.158l-.184-.609q-.033-.104-.064-.212c-.1-.38-.225-.711-.331-1.1l-.068-.224l-1.369-4.541Z"/><path fill="#961b1e" d="m24.588 20.053l1.369 4.541l.463 1.535l.184.609l.047.158a9 9 0 0 1 .337.976l.047.165c.036.083.063.147.124.273s.127.263.193.395c-.286-.154-.573-.331-.854-.481l-.148-.089a2 2 0 0 0-.161-.1c-.19-.108-.385-.2-.584-.3l-.1-.069l-.323-.221l-.112.146l-.124.162a8 8 0 0 0-.863.954a.4.4 0 0 1-.1.116c-.137.185-.292.383-.424.56c0-.2 0-.418-.013-.62a9 9 0 0 1-.043-.323c-.039-.323-.065-.645-.1-.967l-.023-.171l-.85-6.265l.139-.065l.51 3.21l.256 1.612l.229 1.443l.023.146a9 9 0 0 0 .093 1.131c.211-.414.594-.626.867-.974l.084-.112l.335-.448l.549.339l.114.071c.3.174.657.268.965.443c-.107-.281-.234-.564-.338-.849l-.037-.128l-.253-.907l-.356-1.274l-1.27-4.553Z"/><path fill="url(#SVGK6aXRbdV)" d="m22.576 21.015l.507 3.184l.255 1.6l.228 1.432l.023.144a13 13 0 0 0 .136 1.356c.2-.526.663-.75.985-1.139l.084-.11l.338-.442l-.11.021l.539.341l.113.071a8 8 0 0 1 1.137.579a11 11 0 0 0-.393-1.1l-.072-.262l-.163-.589l-.443-1.6l-1.211-4.38l-.172.061l1.21 4.38c.023.08.423 1.532.443 1.6l.163.59l.073.262c.1.289.226.573.334.853l.126-.116c-.271-.17-.573-.212-.834-.393l-.116-.071l-.651-.412l-.063-.039l-.042.057l-.338.442l-.084.11a10 10 0 0 0-.877.971a.3.3 0 0 0 .13.04c-.043-.36.014-.751-.06-1.116l-.023-.144l-.228-1.432c-.012-.074-.2-1.293-.218-1.37l-.543-3.413Z"/><path fill="url(#SVGI2iyCcGH)" d="m23.1 21.977l-.077 3.448q-.001.12-.016.244a3.1 3.1 0 0 0-.012.973q.001.122-.005.244l-.037 1.625v.178c0 .334.014.667.012 1q.002.168-.007.337c.037.217.059.459.081.68c-.2-.22-.441-.4-.644-.59a3 3 0 0 0-.225-.218a9 9 0 0 0-.862-.619l-.156-.14l-.141-.126l-.324.289l-.1.091a8 8 0 0 0-.886.648l-.15.134c-.255.178-.5.4-.74.6c.066-.2.132-.419.221-.621l.061-.346a10 10 0 0 1 .246-1.058l.032-.17l.125-.655l.043-.228c.056-.4.156-.819.225-1.182l.046-.242l.929-4.886Z"/><path fill="#961b1e" d="M20.732 21.386s-1.144 5.907-1.2 6.31l-.043.228l-.125.655l-.032.17a10 10 0 0 0-.246 1.058l-.061.346c-.089.2-.133.4-.221.6c.264-.176.485-.4.739-.575c.059-.053.115-.1.15-.134a8 8 0 0 1 .886-.648l.1-.091l.324-.289l.141.126l.156.14a9 9 0 0 1 .862.619a3 3 0 0 1 .225.218c.2.193.445.369.644.59c-.022-.22-.044-.463-.081-.68c0-.113.007-.225.007-.337c0-.335-.01-.669-.012-1v-.178l.037-1.625c0-.081.029-1.38.033-1.46l.077-3.448l-.16-.038l-.156 3.362c0 .08-.075 1.61-.078 1.688l-.07 1.512l-.007.152a8 8 0 0 1 .039 1.167c-.282-.378-.727-.517-1.068-.816l-.105-.1l-.422-.388l-.556.454l-.116.095c-.308.237-.684.4-1 .644c.083-.307.185-.62.263-.93l.024-.138c.048-.288.1-.617.164-.972l.23-1.365l.823-4.882Z"/><path fill="url(#SVGQZKPodbF)" d="m23.049 21.961l-.157 3.335c0 .08-.075 1.6-.078 1.675l-.07 1.5q.002.076-.007.151a13 13 0 0 1 .02 1.405c-.286-.493-.818-.628-1.218-.96l-.106-.095l-.424-.381h.122l-.546.454l-.114.094a10 10 0 0 0-1.17.816a12 12 0 0 1 .292-1.2l.046-.28l.1-.631l.038-.228a6.7 6.7 0 0 1 .246-1.488l.776-4.691l.2.028l-.776 4.691c-.015.087-.221 1.051-.246 1.488l-.038.228l-.1.631l-.046.281c-.074.314-.176.627-.259.934l-.151-.092c.274-.228.6-.331.861-.567a2 2 0 0 0 .117-.1l.66-.549l.064-.053l.059.053l.424.381l.106.1a10 10 0 0 1 1.078.81a.4.4 0 0 1-.137.067c0-.375-.108-.761-.074-1.146q-.002-.074.008-.151l.07-1.5l.011-.235a9 9 0 0 1 .056-1.2l.168-3.575Z"/><path fill="url(#SVGx0sFyesv)" d="M21.841 23.424a1.79 1.79 0 0 0 1.857.318c.77-.182.86-.681 1.4-1.043c.453-.272.951-.045 1.178-.59c.136-.408-.181-.907.09-1.315c.317-.59.86-.59.906-1.36c.045-.816-.589-.907-.815-1.451c-.271-.5.09-.816-.317-1.315a6 6 0 0 0-2.168-1.652c-.679-.136-1.228.518-1.953.473s-1.323-.641-2.048-.369c-1.313.544-.624 2.138-1.031 3.181a2.39 2.39 0 0 0 .043 2.724a11.4 11.4 0 0 0 .727 1.494c.453.725.951.408 1.63.589a1.24 1.24 0 0 1 .501.316"/><path fill="url(#SVGd9Nbtcsq)" d="M21.827 23.3a1.75 1.75 0 0 0 1.815.311c.753-.178.841-.666 1.373-1.022c.443-.266.93-.044 1.151-.577c.133-.4-.177-.888.088-1.288c.31-.577.842-.577.886-1.333c.045-.8-.575-.888-.8-1.421c-.265-.488.089-.8-.31-1.288a5.9 5.9 0 0 0-2.17-1.555c-.664-.133-1.151.444-1.86.4s-1.24-.578-1.948-.311c-1.284.533-.664 2.043-1.063 3.065a2.35 2.35 0 0 0 .133 2.665a11 11 0 0 0 .62 1.466c.443.71.93.4 1.594.577a1.2 1.2 0 0 1 .491.311"/><circle cx="22.8" cy="19.3" r="3.38" fill="url(#SVGHHENQcRe)"/><path fill="url(#SVGfbSYEePU)" d="M26.327 18.292c-.048-.159-.048-.335-.1-.51a1.5 1.5 0 0 0-.354-.542a2.3 2.3 0 0 0-.531-.59c-.209-.16-.354-.415-.579-.51a4 4 0 0 1-.531-.239a4.4 4.4 0 0 0-.531-.351a3.9 3.9 0 0 0-1.421.027c-.933.143-2.043.143-2.557.908a9 9 0 0 0-.525 1.457a4.5 4.5 0 0 0-.225 1.116a4.6 4.6 0 0 0 .065 1.483c.161.638.74.989 1.158 1.467a4.4 4.4 0 0 0 1.03.845c.386.255.86.685 1.31.685a4.8 4.8 0 0 0 1.173-.255a3.2 3.2 0 0 0 1.2-.72c.384-.269.782-.2 1.008-.576s-.077-.554.444-1.654a2.25 2.25 0 0 0 .257-.957a2.9 2.9 0 0 0-.291-1.084m-3.539 4.576a3.5 3.5 0 1 1 3.531-3.5a3.516 3.516 0 0 1-3.531 3.5"/><circle cx="22.8" cy="19.3" r="3.31" fill="url(#SVG550VBb5E)"/><circle cx="22.8" cy="19.3" r="3.01" fill="url(#SVGzxFGZdyf)"/><circle cx="22.8" cy="19.3" r="2.95" fill="url(#SVGjW9dZXOk)"/><path fill="url(#SVGP9qjncfQ)" d="M26.065 18.324c-.045-.149-.045-.313-.09-.477a1.4 1.4 0 0 0-.328-.506a2.2 2.2 0 0 0-.491-.551c-.194-.149-.328-.387-.536-.477a4 4 0 0 1-.491-.223a4 4 0 0 0-.492-.328a3.5 3.5 0 0 0-1.31-.03A3.1 3.1 0 0 0 20.182 17a6.5 6.5 0 0 0-.715 1a4.2 4.2 0 0 0-.209 1.043a4.3 4.3 0 0 0 .06 1.385c.149.6.685.924 1.073 1.37a4.1 4.1 0 0 0 .953.789a2.05 2.05 0 0 0 1.126.448a5.7 5.7 0 0 0 1.24-.133a3 3 0 0 0 1.122-.65c.348-.247.73-.161 1.225-1.52a6.4 6.4 0 0 0 .277-1.392a2.7 2.7 0 0 0-.269-1.016M22.787 22.6a3.27 3.27 0 1 1 3.27-3.27a3.27 3.27 0 0 1-3.27 3.27"/><path fill="#f48e84" d="M20.074 15.251s.326-.222 1.037.055a2.1 2.1 0 0 0 .576.177a.8.8 0 0 1-.716-.019a2.1 2.1 0 0 0-.897-.213"/><path fill="#fadae8" d="M22.7 15.4s.8-.436 1.21-.214a1.13 1.13 0 0 0-.657.037a2.2 2.2 0 0 1-.554.177z"/><path fill="#9b1d20" d="M19.5 17.3a1.83 1.83 0 0 1 .385-.889a1.92 1.92 0 0 1 1.21-.588a5.6 5.6 0 0 0-1.03.515a1.4 1.4 0 0 0-.363.481c-.011.028-.092.2-.197.481z"/><path fill="#54000d" d="M21.5 16a3.75 3.75 0 0 1 2.16-.192s.376.207.008.133a2.4 2.4 0 0 0-1.02-.14a3.6 3.6 0 0 0-1.12.251s-.089.007-.03-.052z"/><path fill="#ca4849" d="M26.189 21.5s.111.605-.258.819s-.413.111-.413.111a.66.66 0 0 0 .509-.273a1.1 1.1 0 0 0 .162-.657"/><path fill="#f8cce0" d="M18.8 19a2.1 2.1 0 0 0 .207 1.67s-.155-.546-.2-.7a2.1 2.1 0 0 1-.007-.968z"/><path fill="#f9d0e2" d="M19.794 22.4a1.01 1.01 0 0 0 .833.472a.72.72 0 0 1-.833-.472"/><path fill="#651116" d="M25.056 22.175s.109.023.341-.173a3.4 3.4 0 0 0 .422-.536a5 5 0 0 1-.4.57c-.073.064-.252.194-.363.139"/><path fill="#fadae8" d="M26.6 18.4a1.04 1.04 0 0 1 .5.841a1.33 1.33 0 0 0-.393-.7s-.232-.158-.107-.141m-.4-1a.82.82 0 0 0-.3-.753a1.04 1.04 0 0 1 .3.753"/><path fill="#b12328" d="M26.536 19.591c-.033.25-.122.594-.122.594a1.9 1.9 0 0 0 .168-.859c-.035-.157-.012.006-.046.265"/><path fill="#db726f" d="M23.2 23.6a2 2 0 0 0 .923-.34a3.4 3.4 0 0 1-.524.229c-.097.008-.384.068-.399.111"/><path fill="#f8c9dd" d="M23 22.9a2.6 2.6 0 0 0 1.28-.339A2.96 2.96 0 0 1 23 22.9"/><path fill="#651116" d="M23.607 23.153a3 3 0 0 1-.767.107c-.161 0-.635-.148-.025-.145a7 7 0 0 0 .993-.139s.341-.131.346-.13c.191.041-.161.202-.547.307"/><path fill="url(#SVG4AdrIdSc)" d="M16 5.5a5.1 5.1 0 0 0-2.6 9.48v1.34l1.05 1.34l-1.05 1.35l1.05 1.34l-1.05 1.34l1.05 1.35l-1.05 1.35l2.3 1.95l.185.157l.4-.336l2.09-1.75v-9.31a5.1 5.1 0 0 0-2.38-9.6zm0 1.46a2.12 2.12 0 0 1 2.34 1.79A2.12 2.12 0 0 1 16 10.54a2.12 2.12 0 0 1-2.34-1.79A2.12 2.12 0 0 1 16 6.96"/><path fill="url(#SVGgUqgweWY)" d="M16 15.228a.71.71 0 0 0-.662.439a.7.7 0 0 0-.057.28v10.036l.151.128l.185.157l.275.232l.276-.231l.4-.336l.152-.128v-9.86a.7.7 0 0 0-.057-.28a.7.7 0 0 0-.381-.381a.7.7 0 0 0-.282-.056"/><path fill="url(#SVGhqh9Cbyf)" d="M15.915 6.325a3 3 0 0 0-.42.032a4 4 0 0 1 .528-.032Zm.217 0a4 4 0 0 1 .737.084a4 4 0 0 0-.736-.083Zm-.748.047q-.098.015-.2.035q.102-.019.201-.034Zm-.207.037l.001.001Zm-.2.047a4 4 0 0 0-.395.123q.192-.07.394-.122Zm-.395.123l-.001.001Zm-.377.16l-.005.001Zm-.357.193l-.001.001Zm3.126-.5q.102.024.2.052q-.1-.027-.202-.051Zm.4.113q.097.033.192.071l-.195-.07Zm.744.336q.087.051.172.105l-.175-.104Zm.173.105q.084.054.167.113l-.17-.111Zm-4.611.055l-.084.059Zm-.084.059l-.081.059Zm-.161.12l-.079.064Zm-.156.129l-.075.067Zm5.572.067q.055.052.111.1q-.06-.047-.114-.099Zm.145.139l.071.072Zm-6.143.221c-.044.051-.088.1-.129.156q.059-.079.126-.155Zm6.478.156q.063.079.121.161l-.124-.16Zm-6.731.162l-.059.084Zm-.059.084l-.055.084zm-.16.257l-.051.089zm-.1.179l-.045.091q.026-.046.049-.091Zm-.045.091l-.041.088Zm-.084.187l-.039.095q.023-.05.042-.096Zm-.039.095q-.02.047-.037.1c.015-.038.024-.07.041-.101Zm-.037.1q-.017.048-.033.1l.036-.105Zm-.065.195l-.029.1c.012-.039.018-.073.032-.106Zm-.078.298l-.02.091l.02-.094Zm-.027.121V9.7Zm8.284.293v-.003Zm-8.36.75a4.2 4.2 0 0 0 8.389 0c-.118 2.013-1.954.717-4.2.717s-4.071 1.293-4.189-.72Z"/><path fill="url(#SVGORiQ492t)" d="M15.9 6.33a4.2 4.2 0 0 0-4.09 4.2c0 2.32 1.88.934 4.2.934s4.2 1.38 4.2-.934a4.2 4.2 0 0 0-4.2-4.2zm.085.638a2.12 2.12 0 0 1 2.34 1.79a2.12 2.12 0 0 1-2.34 1.79a2.12 2.12 0 0 1-2.34-1.79a2.12 2.12 0 0 1 2.34-1.79"/></svg>

Cara memakai ikon File Type Key

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Gambar HTML

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

Ikon terkait di VSCode Icons

FAQ Ikon File Type Key

Apakah ikon File Type Key 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 Key di React?

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

Bagaimana cara menambahkan ikon File Type Key ke halaman web?

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