file type vanilla extract logo
file-type-vanilla-extract from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-vanilla-extract
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type vanilla extract logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGDYulXcSI" x1="6.39" x2="25.13" y1="18.69" y2="18.69" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff85ae"/><stop offset=".32" stop-color="#ff7da9"/><stop offset=".82" stop-color="#ff669a"/><stop offset="1" stop-color="#ff5c93"/></linearGradient><linearGradient id="SVGuoHm1cUs" x1="6.15" x2="24.5" y1="22.04" y2="22.04" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffb0cb"/><stop offset=".79" stop-color="#f383a9"/><stop offset="1" stop-color="#f0769f"/></linearGradient><linearGradient id="SVGYio3Ubcr" x1="14.12" x2="21.6" y1="27.56" y2="27.56" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f697b7"/><stop offset=".34" stop-color="#f78fb2"/><stop offset=".86" stop-color="#f878a3"/><stop offset="1" stop-color="#f9719f"/></linearGradient><linearGradient id="SVGnExAkc0S" x1="6.82" x2="23.52" y1="23.72" y2="23.72" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f78fb2"/><stop offset=".27" stop-color="#f887ad"/><stop offset=".7" stop-color="#fc709f"/><stop offset="1" stop-color="#ff5c93"/></linearGradient><linearGradient id="SVGauMWDdeK" x1="16.2" x2="16.2" y1="13.76" y2="5.18" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4fe8ff"/><stop offset=".5" stop-color="#4bddf3"/><stop offset="1" stop-color="#45cee3"/></linearGradient><radialGradient id="SVGJAHCqF8B" cx="-859.41" cy="653.31" r="1" gradientTransform="matrix(0 6.25 9.79 0 -6381.77 5391.66)" gradientUnits="userSpaceOnUse"><stop offset=".47" stop-color="#7a4c33"/><stop offset="1" stop-color="#52423c"/></radialGradient></defs><path fill="#48a2ad" d="m27 17l-.16.09a1 1 0 0 0-.31-.68a1.22 1.22 0 0 0-2.13.26c-.05.11.71 1.1.68 1.21A2 2 0 0 0 24 19.07c.1-.47-.25-.69-.78-.52a1.68 1.68 0 0 0-1.11 1.15c.07-.47-.31-.72-.85-.59a1.41 1.41 0 0 0-1.08 1.06c.05-.46-.36-.76-.91-.67a1.17 1.17 0 0 0-1 1c0-.47-.41-.8-1-.77a1 1 0 0 0-1 .88a1 1 0 0 0-1-.85c-.55 0-1 .32-1 .78a1.18 1.18 0 0 0-1.06-1c-.55-.07-1 .23-.89.7a1.41 1.41 0 0 0-1.1-1.05c-.54-.12-.92.15-.83.62a1.7 1.7 0 0 0-1.14-1.11c-.53-.17-.88.06-.77.53c-.11-.47-1.29-2.45-1.42-2.74c-.35-.81-1-1.06-1.59-.54a1.2 1.2 0 0 0-.26 1.17c-.37-.1-.56.08-.42.47c.74 2.18 1.48 4.38 2.09 6.6a6.13 6.13 0 0 0 1.29 2.89a6.5 6.5 0 0 0 1.89 1.14a16 16 0 0 0 6.18 1.12a14.8 14.8 0 0 0 6.87-1.61A3.6 3.6 0 0 0 24.86 26c.53-1.34.92-2.75 1.33-4.09c.47-1.53.82-3.15 1.42-4.58c.15-.44-.13-.6-.61-.33"/><path fill="url(#SVGJAHCqF8B)" d="M16.17 23.14c5.82 0 10.55-1.9 10.55-4.24S22 14.66 16.17 14.66S5.62 16.56 5.62 18.9s4.72 4.24 10.55 4.24"/><path fill="url(#SVGDYulXcSI)" d="M25.13 12.85a3.3 3.3 0 0 0-.73-.55s-6.72 2.18-11.4 1.95s-4-.75-6.36.75c0 0-.65.93.14 1.5a14.4 14.4 0 0 0 3.78 1.81a.9.9 0 0 1 .49-.21c4.46-1.54 13.14.43 14.08-5.25"/><path fill="#eb5e8e" d="M25.12 12.85c-.94 5.67-9.61 3.71-14.07 5.26a.9.9 0 0 0-.5.21c3.6 1.16 8 1.4 10.94.42c3.69-1.23 5.36-4.14 3.63-5.89"/><path fill="url(#SVGuoHm1cUs)" d="M23.22 8.66a3.12 3.12 0 0 1 1.28 2.71c0 2-1.63 4.48-8.84 3.76s-9-.11-9-.11s-2.19-3 2.38-3c4.1 0 10.19.5 11.62-.41c2.15-1.32 2.23-1.36 2.56-2.95"/><path fill="#f77ca5" d="M14.9 7.21c2.21-1.38 2.1-3.4 1-5.11a.28.28 0 0 0-.13.35a2 2 0 0 1 .07 1.87c-.64.9-1.81 1.13-3.74 2.2s-2.54 2-2.67 3.22a.31.31 0 0 0 .16.28a6.3 6.3 0 0 0 1.2.42c.69-1.6 2.63-2.44 4.11-3.23"/><path fill="url(#SVGYio3Ubcr)" d="M19.74 4.64a10.8 10.8 0 0 0-3.52-2.55a.3.3 0 0 0-.28 0c1.06 1.71 1.18 3.72-1 5.11c-1.47.73-3.42 1.63-4.07 3.23a12.4 12.4 0 0 0 2.69.36c2.83.08 6.63-.07 7.28-1.18s.07-3.71-1.1-4.97"/><path fill="#f79ebc" d="M23 8.28a3 3 0 0 0 .12-.41a4.47 4.47 0 0 0-2.53-1.52c1.92 4.1-8.1 3.21-10.95 3.38a2.81 2.81 0 0 0-2.3 1.19a13.5 13.5 0 0 1 2-.71C13.83 9.14 21.1 13.63 23 8.28"/><path fill="url(#SVGnExAkc0S)" d="M23.43 8.51a2 2 0 0 0-.28-.64a2 2 0 0 1-.13.41c-1.92 5.35-9.19.86-13.67 1.93a14 14 0 0 0-2 .71a3.3 3.3 0 0 0-.54 1.69c2.92-.89 5.08 0 10.7.09s6.32-2.51 5.92-4.19"/><path fill="url(#SVGauMWDdeK)" d="M27 18.6a2.38 2.38 0 0 0-1.18 1.25c.14-.46-.18-.65-.7-.46a2 2 0 0 0-1.17 1.15c.11-.45-.23-.67-.77-.52A1.6 1.6 0 0 0 22 21.07c.08-.44-.29-.69-.84-.59a1.35 1.35 0 0 0-1.09 1c.05-.43-.35-.72-.9-.66a1.12 1.12 0 0 0-1.05.88c0-.43-.4-.75-.95-.74s-1 .37-1 .8a1 1 0 0 0-1-.82c-.55 0-1 .29-1 .72a1.14 1.14 0 0 0-1-.9c-.55-.07-1 .21-.91.65a1.35 1.35 0 0 0-1.08-1c-.54-.11-.92.13-.84.57a1.63 1.63 0 0 0-1.12-1.07c-.53-.16-.88.05-.78.5a2 2 0 0 0-1.14-1.17c-.52-.2-.84 0-.71.45a2.4 2.4 0 0 0-1.16-1.27c-.51-.25-.8-.09-.65.38c.61 1.42 1 3 1.43 4.49a40 40 0 0 0 1.34 3.88a3 3 0 0 0 1.75 1.49a17.25 17.25 0 0 0 6.85 1.22a19 19 0 0 0 6.18-.88a6 6 0 0 0 1.89-.93a5.16 5.16 0 0 0 1.3-2.68c.62-2.17 1.36-4.28 2.09-6.41c.16-.45-.12-.61-.61-.38"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeVanillaExtract(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGDYulXcSI" x1="6.39" x2="25.13" y1="18.69" y2="18.69" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#ff85ae"/><stop offset=".32" stopColor="#ff7da9"/><stop offset=".82" stopColor="#ff669a"/><stop offset="1" stopColor="#ff5c93"/></linearGradient><linearGradient id="SVGuoHm1cUs" x1="6.15" x2="24.5" y1="22.04" y2="22.04" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#ffb0cb"/><stop offset=".79" stopColor="#f383a9"/><stop offset="1" stopColor="#f0769f"/></linearGradient><linearGradient id="SVGYio3Ubcr" x1="14.12" x2="21.6" y1="27.56" y2="27.56" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#f697b7"/><stop offset=".34" stopColor="#f78fb2"/><stop offset=".86" stopColor="#f878a3"/><stop offset="1" stopColor="#f9719f"/></linearGradient><linearGradient id="SVGnExAkc0S" x1="6.82" x2="23.52" y1="23.72" y2="23.72" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#f78fb2"/><stop offset=".27" stopColor="#f887ad"/><stop offset=".7" stopColor="#fc709f"/><stop offset="1" stopColor="#ff5c93"/></linearGradient><linearGradient id="SVGauMWDdeK" x1="16.2" x2="16.2" y1="13.76" y2="5.18" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#4fe8ff"/><stop offset=".5" stopColor="#4bddf3"/><stop offset="1" stopColor="#45cee3"/></linearGradient><radialGradient id="SVGJAHCqF8B" cx="-859.41" cy="653.31" r="1" gradientTransform="matrix(0 6.25 9.79 0 -6381.77 5391.66)" gradientUnits="userSpaceOnUse"><stop offset=".47" stopColor="#7a4c33"/><stop offset="1" stopColor="#52423c"/></radialGradient></defs><path fill="#48a2ad" d="m27 17l-.16.09a1 1 0 0 0-.31-.68a1.22 1.22 0 0 0-2.13.26c-.05.11.71 1.1.68 1.21A2 2 0 0 0 24 19.07c.1-.47-.25-.69-.78-.52a1.68 1.68 0 0 0-1.11 1.15c.07-.47-.31-.72-.85-.59a1.41 1.41 0 0 0-1.08 1.06c.05-.46-.36-.76-.91-.67a1.17 1.17 0 0 0-1 1c0-.47-.41-.8-1-.77a1 1 0 0 0-1 .88a1 1 0 0 0-1-.85c-.55 0-1 .32-1 .78a1.18 1.18 0 0 0-1.06-1c-.55-.07-1 .23-.89.7a1.41 1.41 0 0 0-1.1-1.05c-.54-.12-.92.15-.83.62a1.7 1.7 0 0 0-1.14-1.11c-.53-.17-.88.06-.77.53c-.11-.47-1.29-2.45-1.42-2.74c-.35-.81-1-1.06-1.59-.54a1.2 1.2 0 0 0-.26 1.17c-.37-.1-.56.08-.42.47c.74 2.18 1.48 4.38 2.09 6.6a6.13 6.13 0 0 0 1.29 2.89a6.5 6.5 0 0 0 1.89 1.14a16 16 0 0 0 6.18 1.12a14.8 14.8 0 0 0 6.87-1.61A3.6 3.6 0 0 0 24.86 26c.53-1.34.92-2.75 1.33-4.09c.47-1.53.82-3.15 1.42-4.58c.15-.44-.13-.6-.61-.33"/><path fill="url(#SVGJAHCqF8B)" d="M16.17 23.14c5.82 0 10.55-1.9 10.55-4.24S22 14.66 16.17 14.66S5.62 16.56 5.62 18.9s4.72 4.24 10.55 4.24"/><path fill="url(#SVGDYulXcSI)" d="M25.13 12.85a3.3 3.3 0 0 0-.73-.55s-6.72 2.18-11.4 1.95s-4-.75-6.36.75c0 0-.65.93.14 1.5a14.4 14.4 0 0 0 3.78 1.81a.9.9 0 0 1 .49-.21c4.46-1.54 13.14.43 14.08-5.25"/><path fill="#eb5e8e" d="M25.12 12.85c-.94 5.67-9.61 3.71-14.07 5.26a.9.9 0 0 0-.5.21c3.6 1.16 8 1.4 10.94.42c3.69-1.23 5.36-4.14 3.63-5.89"/><path fill="url(#SVGuoHm1cUs)" d="M23.22 8.66a3.12 3.12 0 0 1 1.28 2.71c0 2-1.63 4.48-8.84 3.76s-9-.11-9-.11s-2.19-3 2.38-3c4.1 0 10.19.5 11.62-.41c2.15-1.32 2.23-1.36 2.56-2.95"/><path fill="#f77ca5" d="M14.9 7.21c2.21-1.38 2.1-3.4 1-5.11a.28.28 0 0 0-.13.35a2 2 0 0 1 .07 1.87c-.64.9-1.81 1.13-3.74 2.2s-2.54 2-2.67 3.22a.31.31 0 0 0 .16.28a6.3 6.3 0 0 0 1.2.42c.69-1.6 2.63-2.44 4.11-3.23"/><path fill="url(#SVGYio3Ubcr)" d="M19.74 4.64a10.8 10.8 0 0 0-3.52-2.55a.3.3 0 0 0-.28 0c1.06 1.71 1.18 3.72-1 5.11c-1.47.73-3.42 1.63-4.07 3.23a12.4 12.4 0 0 0 2.69.36c2.83.08 6.63-.07 7.28-1.18s.07-3.71-1.1-4.97"/><path fill="#f79ebc" d="M23 8.28a3 3 0 0 0 .12-.41a4.47 4.47 0 0 0-2.53-1.52c1.92 4.1-8.1 3.21-10.95 3.38a2.81 2.81 0 0 0-2.3 1.19a13.5 13.5 0 0 1 2-.71C13.83 9.14 21.1 13.63 23 8.28"/><path fill="url(#SVGnExAkc0S)" d="M23.43 8.51a2 2 0 0 0-.28-.64a2 2 0 0 1-.13.41c-1.92 5.35-9.19.86-13.67 1.93a14 14 0 0 0-2 .71a3.3 3.3 0 0 0-.54 1.69c2.92-.89 5.08 0 10.7.09s6.32-2.51 5.92-4.19"/><path fill="url(#SVGauMWDdeK)" d="M27 18.6a2.38 2.38 0 0 0-1.18 1.25c.14-.46-.18-.65-.7-.46a2 2 0 0 0-1.17 1.15c.11-.45-.23-.67-.77-.52A1.6 1.6 0 0 0 22 21.07c.08-.44-.29-.69-.84-.59a1.35 1.35 0 0 0-1.09 1c.05-.43-.35-.72-.9-.66a1.12 1.12 0 0 0-1.05.88c0-.43-.4-.75-.95-.74s-1 .37-1 .8a1 1 0 0 0-1-.82c-.55 0-1 .29-1 .72a1.14 1.14 0 0 0-1-.9c-.55-.07-1 .21-.91.65a1.35 1.35 0 0 0-1.08-1c-.54-.11-.92.13-.84.57a1.63 1.63 0 0 0-1.12-1.07c-.53-.16-.88.05-.78.5a2 2 0 0 0-1.14-1.17c-.52-.2-.84 0-.71.45a2.4 2.4 0 0 0-1.16-1.27c-.51-.25-.8-.09-.65.38c.61 1.42 1 3 1.43 4.49a40 40 0 0 0 1.34 3.88a3 3 0 0 0 1.75 1.49a17.25 17.25 0 0 0 6.85 1.22a19 19 0 0 0 6.18-.88a6 6 0 0 0 1.89-.93a5.16 5.16 0 0 0 1.3-2.68c.62-2.17 1.36-4.28 2.09-6.41c.16-.45-.12-.61-.61-.38"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGDYulXcSI" x1="6.39" x2="25.13" y1="18.69" y2="18.69" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff85ae"/><stop offset=".32" stop-color="#ff7da9"/><stop offset=".82" stop-color="#ff669a"/><stop offset="1" stop-color="#ff5c93"/></linearGradient><linearGradient id="SVGuoHm1cUs" x1="6.15" x2="24.5" y1="22.04" y2="22.04" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffb0cb"/><stop offset=".79" stop-color="#f383a9"/><stop offset="1" stop-color="#f0769f"/></linearGradient><linearGradient id="SVGYio3Ubcr" x1="14.12" x2="21.6" y1="27.56" y2="27.56" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f697b7"/><stop offset=".34" stop-color="#f78fb2"/><stop offset=".86" stop-color="#f878a3"/><stop offset="1" stop-color="#f9719f"/></linearGradient><linearGradient id="SVGnExAkc0S" x1="6.82" x2="23.52" y1="23.72" y2="23.72" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f78fb2"/><stop offset=".27" stop-color="#f887ad"/><stop offset=".7" stop-color="#fc709f"/><stop offset="1" stop-color="#ff5c93"/></linearGradient><linearGradient id="SVGauMWDdeK" x1="16.2" x2="16.2" y1="13.76" y2="5.18" gradientTransform="matrix(1 0 0 -1 0 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4fe8ff"/><stop offset=".5" stop-color="#4bddf3"/><stop offset="1" stop-color="#45cee3"/></linearGradient><radialGradient id="SVGJAHCqF8B" cx="-859.41" cy="653.31" r="1" gradientTransform="matrix(0 6.25 9.79 0 -6381.77 5391.66)" gradientUnits="userSpaceOnUse"><stop offset=".47" stop-color="#7a4c33"/><stop offset="1" stop-color="#52423c"/></radialGradient></defs><path fill="#48a2ad" d="m27 17l-.16.09a1 1 0 0 0-.31-.68a1.22 1.22 0 0 0-2.13.26c-.05.11.71 1.1.68 1.21A2 2 0 0 0 24 19.07c.1-.47-.25-.69-.78-.52a1.68 1.68 0 0 0-1.11 1.15c.07-.47-.31-.72-.85-.59a1.41 1.41 0 0 0-1.08 1.06c.05-.46-.36-.76-.91-.67a1.17 1.17 0 0 0-1 1c0-.47-.41-.8-1-.77a1 1 0 0 0-1 .88a1 1 0 0 0-1-.85c-.55 0-1 .32-1 .78a1.18 1.18 0 0 0-1.06-1c-.55-.07-1 .23-.89.7a1.41 1.41 0 0 0-1.1-1.05c-.54-.12-.92.15-.83.62a1.7 1.7 0 0 0-1.14-1.11c-.53-.17-.88.06-.77.53c-.11-.47-1.29-2.45-1.42-2.74c-.35-.81-1-1.06-1.59-.54a1.2 1.2 0 0 0-.26 1.17c-.37-.1-.56.08-.42.47c.74 2.18 1.48 4.38 2.09 6.6a6.13 6.13 0 0 0 1.29 2.89a6.5 6.5 0 0 0 1.89 1.14a16 16 0 0 0 6.18 1.12a14.8 14.8 0 0 0 6.87-1.61A3.6 3.6 0 0 0 24.86 26c.53-1.34.92-2.75 1.33-4.09c.47-1.53.82-3.15 1.42-4.58c.15-.44-.13-.6-.61-.33"/><path fill="url(#SVGJAHCqF8B)" d="M16.17 23.14c5.82 0 10.55-1.9 10.55-4.24S22 14.66 16.17 14.66S5.62 16.56 5.62 18.9s4.72 4.24 10.55 4.24"/><path fill="url(#SVGDYulXcSI)" d="M25.13 12.85a3.3 3.3 0 0 0-.73-.55s-6.72 2.18-11.4 1.95s-4-.75-6.36.75c0 0-.65.93.14 1.5a14.4 14.4 0 0 0 3.78 1.81a.9.9 0 0 1 .49-.21c4.46-1.54 13.14.43 14.08-5.25"/><path fill="#eb5e8e" d="M25.12 12.85c-.94 5.67-9.61 3.71-14.07 5.26a.9.9 0 0 0-.5.21c3.6 1.16 8 1.4 10.94.42c3.69-1.23 5.36-4.14 3.63-5.89"/><path fill="url(#SVGuoHm1cUs)" d="M23.22 8.66a3.12 3.12 0 0 1 1.28 2.71c0 2-1.63 4.48-8.84 3.76s-9-.11-9-.11s-2.19-3 2.38-3c4.1 0 10.19.5 11.62-.41c2.15-1.32 2.23-1.36 2.56-2.95"/><path fill="#f77ca5" d="M14.9 7.21c2.21-1.38 2.1-3.4 1-5.11a.28.28 0 0 0-.13.35a2 2 0 0 1 .07 1.87c-.64.9-1.81 1.13-3.74 2.2s-2.54 2-2.67 3.22a.31.31 0 0 0 .16.28a6.3 6.3 0 0 0 1.2.42c.69-1.6 2.63-2.44 4.11-3.23"/><path fill="url(#SVGYio3Ubcr)" d="M19.74 4.64a10.8 10.8 0 0 0-3.52-2.55a.3.3 0 0 0-.28 0c1.06 1.71 1.18 3.72-1 5.11c-1.47.73-3.42 1.63-4.07 3.23a12.4 12.4 0 0 0 2.69.36c2.83.08 6.63-.07 7.28-1.18s.07-3.71-1.1-4.97"/><path fill="#f79ebc" d="M23 8.28a3 3 0 0 0 .12-.41a4.47 4.47 0 0 0-2.53-1.52c1.92 4.1-8.1 3.21-10.95 3.38a2.81 2.81 0 0 0-2.3 1.19a13.5 13.5 0 0 1 2-.71C13.83 9.14 21.1 13.63 23 8.28"/><path fill="url(#SVGnExAkc0S)" d="M23.43 8.51a2 2 0 0 0-.28-.64a2 2 0 0 1-.13.41c-1.92 5.35-9.19.86-13.67 1.93a14 14 0 0 0-2 .71a3.3 3.3 0 0 0-.54 1.69c2.92-.89 5.08 0 10.7.09s6.32-2.51 5.92-4.19"/><path fill="url(#SVGauMWDdeK)" d="M27 18.6a2.38 2.38 0 0 0-1.18 1.25c.14-.46-.18-.65-.7-.46a2 2 0 0 0-1.17 1.15c.11-.45-.23-.67-.77-.52A1.6 1.6 0 0 0 22 21.07c.08-.44-.29-.69-.84-.59a1.35 1.35 0 0 0-1.09 1c.05-.43-.35-.72-.9-.66a1.12 1.12 0 0 0-1.05.88c0-.43-.4-.75-.95-.74s-1 .37-1 .8a1 1 0 0 0-1-.82c-.55 0-1 .29-1 .72a1.14 1.14 0 0 0-1-.9c-.55-.07-1 .21-.91.65a1.35 1.35 0 0 0-1.08-1c-.54-.11-.92.13-.84.57a1.63 1.63 0 0 0-1.12-1.07c-.53-.16-.88.05-.78.5a2 2 0 0 0-1.14-1.17c-.52-.2-.84 0-.71.45a2.4 2.4 0 0 0-1.16-1.27c-.51-.25-.8-.09-.65.38c.61 1.42 1 3 1.43 4.49a40 40 0 0 0 1.34 3.88a3 3 0 0 0 1.75 1.49a17.25 17.25 0 0 0 6.85 1.22a19 19 0 0 0 6.18-.88a6 6 0 0 0 1.89-.93a5.16 5.16 0 0 0 1.3-2.68c.62-2.17 1.36-4.28 2.09-6.41c.16-.45-.12-.61-.61-.38"/></svg> </template>
CSS
.icon-file-type-vanilla-extract {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGDYulXcSI%22%20x1%3D%226.39%22%20x2%3D%2225.13%22%20y1%3D%2218.69%22%20y2%3D%2218.69%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff85ae%22%2F%3E%3Cstop%20offset%3D%22.32%22%20stop-color%3D%22%23ff7da9%22%2F%3E%3Cstop%20offset%3D%22.82%22%20stop-color%3D%22%23ff669a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff5c93%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGuoHm1cUs%22%20x1%3D%226.15%22%20x2%3D%2224.5%22%20y1%3D%2222.04%22%20y2%3D%2222.04%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffb0cb%22%2F%3E%3Cstop%20offset%3D%22.79%22%20stop-color%3D%22%23f383a9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f0769f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGYio3Ubcr%22%20x1%3D%2214.12%22%20x2%3D%2221.6%22%20y1%3D%2227.56%22%20y2%3D%2227.56%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f697b7%22%2F%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%23f78fb2%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%23f878a3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f9719f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGnExAkc0S%22%20x1%3D%226.82%22%20x2%3D%2223.52%22%20y1%3D%2223.72%22%20y2%3D%2223.72%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f78fb2%22%2F%3E%3Cstop%20offset%3D%22.27%22%20stop-color%3D%22%23f887ad%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23fc709f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff5c93%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGauMWDdeK%22%20x1%3D%2216.2%22%20x2%3D%2216.2%22%20y1%3D%2213.76%22%20y2%3D%225.18%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234fe8ff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%234bddf3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2345cee3%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGJAHCqF8B%22%20cx%3D%22-859.41%22%20cy%3D%22653.31%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%206.25%209.79%200%20-6381.77%205391.66)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%237a4c33%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2352423c%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2348a2ad%22%20d%3D%22m27%2017l-.16.09a1%201%200%200%200-.31-.68a1.22%201.22%200%200%200-2.13.26c-.05.11.71%201.1.68%201.21A2%202%200%200%200%2024%2019.07c.1-.47-.25-.69-.78-.52a1.68%201.68%200%200%200-1.11%201.15c.07-.47-.31-.72-.85-.59a1.41%201.41%200%200%200-1.08%201.06c.05-.46-.36-.76-.91-.67a1.17%201.17%200%200%200-1%201c0-.47-.41-.8-1-.77a1%201%200%200%200-1%20.88a1%201%200%200%200-1-.85c-.55%200-1%20.32-1%20.78a1.18%201.18%200%200%200-1.06-1c-.55-.07-1%20.23-.89.7a1.41%201.41%200%200%200-1.1-1.05c-.54-.12-.92.15-.83.62a1.7%201.7%200%200%200-1.14-1.11c-.53-.17-.88.06-.77.53c-.11-.47-1.29-2.45-1.42-2.74c-.35-.81-1-1.06-1.59-.54a1.2%201.2%200%200%200-.26%201.17c-.37-.1-.56.08-.42.47c.74%202.18%201.48%204.38%202.09%206.6a6.13%206.13%200%200%200%201.29%202.89a6.5%206.5%200%200%200%201.89%201.14a16%2016%200%200%200%206.18%201.12a14.8%2014.8%200%200%200%206.87-1.61A3.6%203.6%200%200%200%2024.86%2026c.53-1.34.92-2.75%201.33-4.09c.47-1.53.82-3.15%201.42-4.58c.15-.44-.13-.6-.61-.33%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJAHCqF8B)%22%20d%3D%22M16.17%2023.14c5.82%200%2010.55-1.9%2010.55-4.24S22%2014.66%2016.17%2014.66S5.62%2016.56%205.62%2018.9s4.72%204.24%2010.55%204.24%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDYulXcSI)%22%20d%3D%22M25.13%2012.85a3.3%203.3%200%200%200-.73-.55s-6.72%202.18-11.4%201.95s-4-.75-6.36.75c0%200-.65.93.14%201.5a14.4%2014.4%200%200%200%203.78%201.81a.9.9%200%200%201%20.49-.21c4.46-1.54%2013.14.43%2014.08-5.25%22%2F%3E%3Cpath%20fill%3D%22%23eb5e8e%22%20d%3D%22M25.12%2012.85c-.94%205.67-9.61%203.71-14.07%205.26a.9.9%200%200%200-.5.21c3.6%201.16%208%201.4%2010.94.42c3.69-1.23%205.36-4.14%203.63-5.89%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuoHm1cUs)%22%20d%3D%22M23.22%208.66a3.12%203.12%200%200%201%201.28%202.71c0%202-1.63%204.48-8.84%203.76s-9-.11-9-.11s-2.19-3%202.38-3c4.1%200%2010.19.5%2011.62-.41c2.15-1.32%202.23-1.36%202.56-2.95%22%2F%3E%3Cpath%20fill%3D%22%23f77ca5%22%20d%3D%22M14.9%207.21c2.21-1.38%202.1-3.4%201-5.11a.28.28%200%200%200-.13.35a2%202%200%200%201%20.07%201.87c-.64.9-1.81%201.13-3.74%202.2s-2.54%202-2.67%203.22a.31.31%200%200%200%20.16.28a6.3%206.3%200%200%200%201.2.42c.69-1.6%202.63-2.44%204.11-3.23%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYio3Ubcr)%22%20d%3D%22M19.74%204.64a10.8%2010.8%200%200%200-3.52-2.55a.3.3%200%200%200-.28%200c1.06%201.71%201.18%203.72-1%205.11c-1.47.73-3.42%201.63-4.07%203.23a12.4%2012.4%200%200%200%202.69.36c2.83.08%206.63-.07%207.28-1.18s.07-3.71-1.1-4.97%22%2F%3E%3Cpath%20fill%3D%22%23f79ebc%22%20d%3D%22M23%208.28a3%203%200%200%200%20.12-.41a4.47%204.47%200%200%200-2.53-1.52c1.92%204.1-8.1%203.21-10.95%203.38a2.81%202.81%200%200%200-2.3%201.19a13.5%2013.5%200%200%201%202-.71C13.83%209.14%2021.1%2013.63%2023%208.28%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnExAkc0S)%22%20d%3D%22M23.43%208.51a2%202%200%200%200-.28-.64a2%202%200%200%201-.13.41c-1.92%205.35-9.19.86-13.67%201.93a14%2014%200%200%200-2%20.71a3.3%203.3%200%200%200-.54%201.69c2.92-.89%205.08%200%2010.7.09s6.32-2.51%205.92-4.19%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGauMWDdeK)%22%20d%3D%22M27%2018.6a2.38%202.38%200%200%200-1.18%201.25c.14-.46-.18-.65-.7-.46a2%202%200%200%200-1.17%201.15c.11-.45-.23-.67-.77-.52A1.6%201.6%200%200%200%2022%2021.07c.08-.44-.29-.69-.84-.59a1.35%201.35%200%200%200-1.09%201c.05-.43-.35-.72-.9-.66a1.12%201.12%200%200%200-1.05.88c0-.43-.4-.75-.95-.74s-1%20.37-1%20.8a1%201%200%200%200-1-.82c-.55%200-1%20.29-1%20.72a1.14%201.14%200%200%200-1-.9c-.55-.07-1%20.21-.91.65a1.35%201.35%200%200%200-1.08-1c-.54-.11-.92.13-.84.57a1.63%201.63%200%200%200-1.12-1.07c-.53-.16-.88.05-.78.5a2%202%200%200%200-1.14-1.17c-.52-.2-.84%200-.71.45a2.4%202.4%200%200%200-1.16-1.27c-.51-.25-.8-.09-.65.38c.61%201.42%201%203%201.43%204.49a40%2040%200%200%200%201.34%203.88a3%203%200%200%200%201.75%201.49a17.25%2017.25%200%200%200%206.85%201.22a19%2019%200%200%200%206.18-.88a6%206%200%200%200%201.89-.93a5.16%205.16%200%200%200%201.3-2.68c.62-2.17%201.36-4.28%202.09-6.41c.16-.45-.12-.61-.61-.38%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGDYulXcSI%22%20x1%3D%226.39%22%20x2%3D%2225.13%22%20y1%3D%2218.69%22%20y2%3D%2218.69%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff85ae%22%2F%3E%3Cstop%20offset%3D%22.32%22%20stop-color%3D%22%23ff7da9%22%2F%3E%3Cstop%20offset%3D%22.82%22%20stop-color%3D%22%23ff669a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff5c93%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGuoHm1cUs%22%20x1%3D%226.15%22%20x2%3D%2224.5%22%20y1%3D%2222.04%22%20y2%3D%2222.04%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffb0cb%22%2F%3E%3Cstop%20offset%3D%22.79%22%20stop-color%3D%22%23f383a9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f0769f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGYio3Ubcr%22%20x1%3D%2214.12%22%20x2%3D%2221.6%22%20y1%3D%2227.56%22%20y2%3D%2227.56%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f697b7%22%2F%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%23f78fb2%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%23f878a3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f9719f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGnExAkc0S%22%20x1%3D%226.82%22%20x2%3D%2223.52%22%20y1%3D%2223.72%22%20y2%3D%2223.72%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f78fb2%22%2F%3E%3Cstop%20offset%3D%22.27%22%20stop-color%3D%22%23f887ad%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23fc709f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff5c93%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGauMWDdeK%22%20x1%3D%2216.2%22%20x2%3D%2216.2%22%20y1%3D%2213.76%22%20y2%3D%225.18%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2034)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234fe8ff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%234bddf3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2345cee3%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGJAHCqF8B%22%20cx%3D%22-859.41%22%20cy%3D%22653.31%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%206.25%209.79%200%20-6381.77%205391.66)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%237a4c33%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2352423c%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2348a2ad%22%20d%3D%22m27%2017l-.16.09a1%201%200%200%200-.31-.68a1.22%201.22%200%200%200-2.13.26c-.05.11.71%201.1.68%201.21A2%202%200%200%200%2024%2019.07c.1-.47-.25-.69-.78-.52a1.68%201.68%200%200%200-1.11%201.15c.07-.47-.31-.72-.85-.59a1.41%201.41%200%200%200-1.08%201.06c.05-.46-.36-.76-.91-.67a1.17%201.17%200%200%200-1%201c0-.47-.41-.8-1-.77a1%201%200%200%200-1%20.88a1%201%200%200%200-1-.85c-.55%200-1%20.32-1%20.78a1.18%201.18%200%200%200-1.06-1c-.55-.07-1%20.23-.89.7a1.41%201.41%200%200%200-1.1-1.05c-.54-.12-.92.15-.83.62a1.7%201.7%200%200%200-1.14-1.11c-.53-.17-.88.06-.77.53c-.11-.47-1.29-2.45-1.42-2.74c-.35-.81-1-1.06-1.59-.54a1.2%201.2%200%200%200-.26%201.17c-.37-.1-.56.08-.42.47c.74%202.18%201.48%204.38%202.09%206.6a6.13%206.13%200%200%200%201.29%202.89a6.5%206.5%200%200%200%201.89%201.14a16%2016%200%200%200%206.18%201.12a14.8%2014.8%200%200%200%206.87-1.61A3.6%203.6%200%200%200%2024.86%2026c.53-1.34.92-2.75%201.33-4.09c.47-1.53.82-3.15%201.42-4.58c.15-.44-.13-.6-.61-.33%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJAHCqF8B)%22%20d%3D%22M16.17%2023.14c5.82%200%2010.55-1.9%2010.55-4.24S22%2014.66%2016.17%2014.66S5.62%2016.56%205.62%2018.9s4.72%204.24%2010.55%204.24%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDYulXcSI)%22%20d%3D%22M25.13%2012.85a3.3%203.3%200%200%200-.73-.55s-6.72%202.18-11.4%201.95s-4-.75-6.36.75c0%200-.65.93.14%201.5a14.4%2014.4%200%200%200%203.78%201.81a.9.9%200%200%201%20.49-.21c4.46-1.54%2013.14.43%2014.08-5.25%22%2F%3E%3Cpath%20fill%3D%22%23eb5e8e%22%20d%3D%22M25.12%2012.85c-.94%205.67-9.61%203.71-14.07%205.26a.9.9%200%200%200-.5.21c3.6%201.16%208%201.4%2010.94.42c3.69-1.23%205.36-4.14%203.63-5.89%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuoHm1cUs)%22%20d%3D%22M23.22%208.66a3.12%203.12%200%200%201%201.28%202.71c0%202-1.63%204.48-8.84%203.76s-9-.11-9-.11s-2.19-3%202.38-3c4.1%200%2010.19.5%2011.62-.41c2.15-1.32%202.23-1.36%202.56-2.95%22%2F%3E%3Cpath%20fill%3D%22%23f77ca5%22%20d%3D%22M14.9%207.21c2.21-1.38%202.1-3.4%201-5.11a.28.28%200%200%200-.13.35a2%202%200%200%201%20.07%201.87c-.64.9-1.81%201.13-3.74%202.2s-2.54%202-2.67%203.22a.31.31%200%200%200%20.16.28a6.3%206.3%200%200%200%201.2.42c.69-1.6%202.63-2.44%204.11-3.23%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYio3Ubcr)%22%20d%3D%22M19.74%204.64a10.8%2010.8%200%200%200-3.52-2.55a.3.3%200%200%200-.28%200c1.06%201.71%201.18%203.72-1%205.11c-1.47.73-3.42%201.63-4.07%203.23a12.4%2012.4%200%200%200%202.69.36c2.83.08%206.63-.07%207.28-1.18s.07-3.71-1.1-4.97%22%2F%3E%3Cpath%20fill%3D%22%23f79ebc%22%20d%3D%22M23%208.28a3%203%200%200%200%20.12-.41a4.47%204.47%200%200%200-2.53-1.52c1.92%204.1-8.1%203.21-10.95%203.38a2.81%202.81%200%200%200-2.3%201.19a13.5%2013.5%200%200%201%202-.71C13.83%209.14%2021.1%2013.63%2023%208.28%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnExAkc0S)%22%20d%3D%22M23.43%208.51a2%202%200%200%200-.28-.64a2%202%200%200%201-.13.41c-1.92%205.35-9.19.86-13.67%201.93a14%2014%200%200%200-2%20.71a3.3%203.3%200%200%200-.54%201.69c2.92-.89%205.08%200%2010.7.09s6.32-2.51%205.92-4.19%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGauMWDdeK)%22%20d%3D%22M27%2018.6a2.38%202.38%200%200%200-1.18%201.25c.14-.46-.18-.65-.7-.46a2%202%200%200%200-1.17%201.15c.11-.45-.23-.67-.77-.52A1.6%201.6%200%200%200%2022%2021.07c.08-.44-.29-.69-.84-.59a1.35%201.35%200%200%200-1.09%201c.05-.43-.35-.72-.9-.66a1.12%201.12%200%200%200-1.05.88c0-.43-.4-.75-.95-.74s-1%20.37-1%20.8a1%201%200%200%200-1-.82c-.55%200-1%20.29-1%20.72a1.14%201.14%200%200%200-1-.9c-.55-.07-1%20.21-.91.65a1.35%201.35%200%200%200-1.08-1c-.54-.11-.92.13-.84.57a1.63%201.63%200%200%200-1.12-1.07c-.53-.16-.88.05-.78.5a2%202%200%200%200-1.14-1.17c-.52-.2-.84%200-.71.45a2.4%202.4%200%200%200-1.16-1.27c-.51-.25-.8-.09-.65.38c.61%201.42%201%203%201.43%204.49a40%2040%200%200%200%201.34%203.88a3%203%200%200%200%201.75%201.49a17.25%2017.25%200%200%200%206.85%201.22a19%2019%200%200%200%206.18-.88a6%206%200%200%200%201.89-.93a5.16%205.16%200%200%200%201.3-2.68c.62-2.17%201.36-4.28%202.09-6.41c.16-.45-.12-.61-.61-.38%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-vanilla-extract.svg?color=%231a73e8&size=48
