Skip to content

Folder Type Www Opened

The folder-type-www-opened icon represents an opened web folder or directory, commonly used in file systems and web development.

Exports at 24 × 24 px

Folder Type Www Opened icon from VSCode Icons
Get Pro

Code

Folder Type Www Opened in your framework

In any framework. Customize it above, and the code follows.

export const FolderTypeWwwOpenedIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32" {...props}>
    <defs><radialGradient id="SVGIBo4hdpn" cx="17.738" cy="15.18" r="16.588" gradientTransform="translate(1.876 3.587)scale(.883)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#d3e9ff"/><stop offset=".155" stopColor="#d3e9ff"/><stop offset=".75" stopColor="#4074ae"/><stop offset="1" stopColor="#36486c"/></radialGradient><radialGradient id="SVGsff34doJ" cx="16.275" cy="13.204" r="24.072" gradientTransform="translate(1.876 3.587)scale(.883)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#fff"/><stop offset="1" stopColor="#fff" stopOpacity=".165"/></radialGradient><radialGradient id="SVGJzb5CbSa" cx="-43.834" cy="32.11" r="3.715" gradientTransform="matrix(-.712 .522 .522 .712 -33.154 15.717)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#fff"/><stop offset="1" stopColor="#fff" stopOpacity="0"/></radialGradient><radialGradient id="SVGSKx8IVOz" cx="-40.094" cy="5.89" r="3.716" gradientTransform="matrix(-.923 .677 .677 .923 -15.514 48.426)" href="#SVGJzb5CbSa"/><radialGradient id="SVG6euDd4Px" cx="-47.798" cy="27.549" r="3.718" gradientTransform="matrix(-.712 .522 .522 .712 -34.137 27.609)" href="#SVGJzb5CbSa"/><radialGradient id="SVGyTYWTcdN" cx="-39.155" cy="24.378" r="3.714" gradientTransform="matrix(-.768 .564 .563 .768 -23.312 18.907)" href="#SVGJzb5CbSa"/><linearGradient id="SVG3WokHbFR" x1="-66.079" x2="-64.583" y1="35.233" y2="31.623" gradientTransform="matrix(.939 -.879 .683 .73 62.332 -55.839)" href="#SVGJzb5CbSa"/><linearGradient id="SVGBkxPQb3Y" x1="-20.819" x2="-19.39" y1="-4.224" y2="-8.627" gradientTransform="matrix(1.131 .613 -.477 .879 37.258 40.451)" href="#SVGJzb5CbSa"/><linearGradient id="SVG8vhRIcEm" x1="-63.399" x2="-63.547" y1="32.009" y2="34.788" gradientTransform="matrix(.918 -.859 .668 .713 55.895 -58.163)" href="#SVGJzb5CbSa"/><linearGradient id="SVGDsu4ZdZE" x1="-101.398" x2="-101.052" y1="-62.902" y2="-65.674" gradientTransform="rotate(185.63 -52.746 -27.007)scale(1.286 1)" href="#SVGJzb5CbSa"/></defs><path fill="#7b9bdb" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z"/><path fill="#7b9bdb" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="url(#SVGIBo4hdpn)" d="M30.086 20.777a9.466 9.466 0 1 1-9.468-9.465a9.467 9.467 0 0 1 9.468 9.465"/><path fill="#39396c" d="M20.62 30.49a9.71 9.71 0 1 1 9.711-9.713a9.71 9.71 0 0 1-9.711 9.713m0-18.933a9.222 9.222 0 1 0 9.222 9.222a9.233 9.233 0 0 0-9.222-9.222"/><path fill="#204a87" fillOpacity=".713" d="m29.82 19.362l-.261.3a6 6 0 0 0-.523-.513l-.4.059l-.367-.414v.506l.314.239l.209.239l.279-.319l.21.4v.395l-.314.355l-.575.4l-.435.434l-.279-.319l.139-.355l-.279-.319l-.471-1.006l-.4-.454l-.112.113l.159.572l.3.336a14 14 0 0 0 .558 1.421a8 8 0 0 0 1.011-.08v.277l-.418 1.026l-.383.434l-.314.672v1.105l.105.434l-.175.2l-.384.239l-.4.336l.332.375l-.454.4l.087.256l-.68.77h-.457l-.383.239h-.245v-.319l-.1-.632c-.135-.4-.276-.79-.418-1.183c0-.29.018-.578.035-.868l.175-.395l-.245-.474l.018-.651l-.332-.375l.166-.542l-.269-.306h-.474l-.159-.178l-.471.3l-.191-.218l-.436.375l-.885-1.011l-.348-.829l.314-.473l-.175-.2l.383-.908c.315-.391.643-.768.976-1.145l.593-.159l.662-.08l.454.119l.645.65l.226-.256l.313-.039l.593.2h.455l.314-.277l.139-.2l-.314-.2l-.523-.039a5 5 0 0 0-.453-.592l-.175.08l-.07.513l-.314-.355l-.069-.4l-.348-.276h-.14l.349.395l-.139.355l-.279.08l.175-.355l-.314-.159l-.278-.319l-.524.118l-.069.159l-.314.2l-.175.434l-.435.217l-.192-.217h-.211v-.705l.454-.239h.348l-.07-.276l-.277-.274l.47-.1l.261-.3l.209-.355h.384l-.105-.276l.244-.155v.319l.523.118l.522-.437l.035-.2l.453-.319a3.5 3.5 0 0 0-.488.08v-.354l.175-.4h-.175l-.383.355l-.105.2l.105.277l-.175.473l-.279-.159l-.244-.276l-.384.276l-.139-.631l.662-.434v-.239l.418-.276l.662-.159l.454.159l.836.159l-.209.239h-.454l.454.473l.348-.395l.106-.174a12.4 12.4 0 0 1 2.1 2.508a9.1 9.1 0 0 1 1.124 3.179m-8.633-5.505l-.035.239l.245.159l.418-.276l-.209-.239l-.279.159l-.139-.04m.383-1.619l-.907-.355l-1.046.115l-1.29.355l-.244.239l.8.552v.319l-.314.319l.418.829l.278-.159l.349-.552a12 12 0 0 0 1.533-.592l.418-1.066m.946 3.31l-.139-.356l-.245.08l.07.434z"/><path fill="#204a87" fillOpacity=".713" d="m22.653 15.475l-.07.474l.383-.08l.279-.276l-.245-.239a6 6 0 0 0-.279-.631h-.209v.239l.139.159v.355m-5.159 7.496l-.279-.552l-.523-.12l-.279-.749l-.7.08l-.592-.434l-.628.552v.087a2.4 2.4 0 0 1-.592-.167l-.139-.395v-.435l-.418.039q.053-.414.1-.828H13.2l-.244.319l-.244.118l-.345-.2l-.035-.434l.07-.473l.523-.395h.414l.069-.239l.523.118l.383.474l.07-.79l.667-.548l.244-.592l.488-.2l.279-.395l.627-.119l.311-.472h-.94l.593-.277h.418l.593-.2l.07-.239l-.21-.2l-.244-.08l.07-.239l-.175-.355l-.418.159l.07-.319l-.488-.277l-.385.677l.035.239l-.383.159l-.244.512l-.1-.473l-.663-.278l-.1-.355l.872-.513l.383-.355l.035-.434l-.209-.119l-.279-.04l-.175.434s-.292.057-.367.076a9.96 9.96 0 0 0-3.34 6.383a5 5 0 0 0 .326.567l.732.434l.732.2l.314.4l.488.355l.279-.039l.209.094v.064l-.279.749l-.21.319l.07.159l-.175.591l.627 1.145l.627.552l.279.395l-.034.818l.21.473l-.21.912s-.017-.006.01.085a4.2 4.2 0 0 0 1.186.645l.128-.1l-.069-.2l.279-.277l.1-.277l.454-.159l.348-.868l-.1-.239l.244-.355l.523-.119l.279-.631l-.07-.789l.418-.592l.07-.592c-.572-.284-1.14-.576-1.708-.868m-.771-8.945l.348.239h.279v-.278l-.352-.16l-.279.2"/><path fill="#204a87" fillOpacity=".713" d="m15.819 13.7l-.175.434h.349l.175-.4q.225-.16.453-.319l.349.119l.7.473l.349-.319l-.384-.159l-.175-.355l-.662-.08l-.035-.2l-.314.08l-.139.276l-.175-.355l-.069.159l.035.4l-.279.239m1.252-.981l.175-.159l.349-.08a5.5 5.5 0 0 1 .732-.277l-.139-.239l-.45.065l-.213.212l-.351.051l-.312.147l-.151.073l-.092.124l.453.08m.592 3.752l.21-.319l-.314-.239l.1.552"/><path fill="url(#SVGsff34doJ)" d="M20.62 30.009a9.23 9.23 0 1 1 9.23-9.232a9.23 9.23 0 0 1-9.23 9.232m0-17.971a8.742 8.742 0 1 0 8.742 8.742a8.75 8.75 0 0 0-8.742-8.742" opacity=".396"/><path fill="url(#SVGJzb5CbSa)" d="M12.165 17.622a3.28 3.28 0 0 0 5.353-3.791q-.031-.044-.064-.087a3.28 3.28 0 0 0-5.29 3.878Z"/><path fill="#fff" d="M13.994 16.281a1.011 1.011 0 0 0 1.631-1.2a1.011 1.011 0 0 0-1.631 1.2"/><path fill="url(#SVGSKx8IVOz)" d="M22.057 29.226a4.254 4.254 0 0 0 6.913-4.959l-.053-.072a4.254 4.254 0 1 0-6.862 5.031Z"/><path fill="#fff" d="M24.429 27.485a1.311 1.311 0 1 0 2.115-1.551a1.311 1.311 0 1 0-2.115 1.551"/><path fill="url(#SVG6euDd4Px)" d="M11.621 24.2a3.281 3.281 0 0 0 5.293-3.879a3.28 3.28 0 0 0-5.289 3.879Z"/><path fill="#fff" d="M13.45 22.857a1.011 1.011 0 1 0 1.631-1.2a1.011 1.011 0 0 0-1.631 1.2"/><path fill="url(#SVGyTYWTcdN)" d="M17.638 17.644a3.54 3.54 0 0 0 5.728-4.161l-.019-.026a3.54 3.54 0 0 0-5.728 4.161Z"/><path fill="#fff" d="M19.612 16.2a1.091 1.091 0 1 0 1.767-1.281l-.007-.009a1.091 1.091 0 0 0-1.767 1.281Z"/><path fill="url(#SVG3WokHbFR)" d="M17.855 30.372a3.05 3.05 0 0 1-2.319-.866c-.9-.964-.956-2.594-.159-4.588a17.2 17.2 0 0 1 4.23-5.839c4.133-3.868 8.821-5.35 10.674-3.371c.9.965.956 2.594.159 4.588a17.2 17.2 0 0 1-4.231 5.839a17.2 17.2 0 0 1-6.109 3.834a7.4 7.4 0 0 1-2.245.403m10.092-15.11c-2.152 0-5.26 1.521-8.05 4.131a16.7 16.7 0 0 0-4.121 5.688c-.734 1.833-.707 3.3.075 4.134s2.245.956 4.12.348a16.7 16.7 0 0 0 5.946-3.74a16.7 16.7 0 0 0 4.123-5.683c.734-1.833.708-3.3-.076-4.134a2.66 2.66 0 0 0-2.017-.744"/><path fill="url(#SVGBkxPQb3Y)" d="M25.029 27.069a16.45 16.45 0 0 1-7.443-2.2c-4.975-2.7-7.866-6.677-6.574-9.06c.63-1.162 2.152-1.734 4.3-1.6a17.2 17.2 0 0 1 6.875 2.166a17.2 17.2 0 0 1 5.569 4.58c1.275 1.727 1.635 3.318 1.005 4.48c-.591 1.094-1.952 1.634-3.732 1.634m-10.3-12.45c-1.674 0-2.847.488-3.34 1.4c-1.157 2.132 1.714 5.937 6.4 8.476s9.439 2.869 10.6.736c.546-1.007.2-2.434-.972-4.019a16.7 16.7 0 0 0-5.428-4.458a16.7 16.7 0 0 0-6.7-2.111q-.289-.023-.56-.023Z"/><path fill="url(#SVG8vhRIcEm)" d="M15.719 28.65a3 3 0 0 1-2.272-.849c-.885-.946-.941-2.542-.159-4.494a16.8 16.8 0 0 1 4.135-5.707c4.043-3.783 8.632-5.231 10.441-3.293c1.813 1.938.066 6.418-3.977 10.2a16.8 16.8 0 0 1-5.971 3.746a7.2 7.2 0 0 1-2.197.397m9.861-14.764c-2.1 0-5.132 1.486-7.855 4.035a16.3 16.3 0 0 0-4.025 5.55c-.717 1.785-.69 3.215.072 4.029s2.188.934 4.015.338a16.35 16.35 0 0 0 5.806-3.652c3.8-3.555 5.574-7.853 3.957-9.58a2.6 2.6 0 0 0-1.97-.72"/><path fill="url(#SVGDsu4ZdZE)" d="M21.706 24.932q-1.029.001-2.119-.106c-5.634-.555-9.84-3.1-9.575-5.8s4.888-4.376 10.521-3.819s9.839 3.1 9.574 5.8c-.231 2.35-3.769 3.925-8.401 3.925m-11.265-5.863c-.239 2.416 3.884 4.806 9.188 5.329s9.813-1.018 10.051-3.434s-3.884-4.805-9.189-5.328s-9.812 1.018-10.05 3.433"/>
  </svg>
);

VSCode Icons

Icons that share its tags, in the same style.

  • Folder Type Www icon from VSCode Icons
  • Folder Type Linux icon from VSCode Icons
  • Folder Type Yarn Opened icon from VSCode Icons
  • Folder Type Zed Opened icon from VSCode Icons
  • Folder Type Junie icon from VSCode Icons
  • Folder Type Macos icon from VSCode Icons
  • Folder Type Style icon from VSCode Icons
  • Folder Type Style Opened icon from VSCode Icons
  • Folder Type Supabase icon from VSCode Icons
  • Folder Type Supabase Opened icon from VSCode Icons
  • Folder Type Svelte icon from VSCode Icons
  • Folder Type Svelte Opened icon from VSCode Icons
  • Folder Type Tauri icon from VSCode Icons
  • Folder Type Tauri Opened icon from VSCode Icons
  • Folder Type Temp icon from VSCode Icons
  • Folder Type Temp Opened icon from VSCode Icons
  • Folder Type Trunk icon from VSCode Icons
  • Folder Type Trunk Opened icon from VSCode Icons
  • Folder Type Yarn icon from VSCode Icons
  • Folder Type Zed icon from VSCode Icons
  • Folder Type Config icon from VSCode Icons
  • Folder Type Config Opened icon from VSCode Icons
  • Folder Type Kubernetes icon from VSCode Icons
  • Folder Type Less icon from VSCode Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any VSCode Icons icon from a prompt.

Get Pro

Pricing

VSCode Icons MCP, with Pro

Ask for Folder Type Www Opened or any of 1,426 VSCode Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Folder Type Www Opened icon means and where it's used, then how to install, style, label and license it.

4.9 out of 5 from 150+ developers

Install Folder Type Www Opened from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro