Home/Libraries/VSCode Icons (Iconify)/file-type-light-cloudfoundry

VSCode Icons (Iconify)

FileTypeLightCloudfoundry

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><defs><linearGradient id="SVGNeP5YcvD" x1=".879" x2="1.093" y1="-2.702" y2="-2.702" gradientTransform="rotate(98.13 218.02 136.04)scale(130.809 -130.809)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#60baeb"/><stop offset=".041" stop-color="#60baeb"/><stop offset=".129" stop-color="#4fb4e9"/><stop offset=".822" stop-color="#4054ad"/><stop offset="1" stop-color="#4054ad"/></linearGradient></defs><path fill="#818cf8" d="M13.134 18.662s.488-1.85-1.633-4.234l-.071-.075a5.873 5.873 0 0 1 4.5-9.662h.137a5.873 5.873 0 0 1 4.5 9.661l-.071.073a5.62 5.62 0 0 0-1.634 4.237A8.567 8.567 0 0 0 16.489 2h-.978a8.567 8.567 0 0 0-2.377 16.659m11.108 6.825a2.7 2.7 0 0 1 .514-.15a3.3 3.3 0 0 1 .6-.072s-.01-.067-.023-.167a1.6 1.6 0 0 0-.1-.358l-.066-.186c-.026-.059-.06-.113-.084-.159L25 24.239a5 5 0 0 1-.614-.139a5 5 0 0 1-.554-.191a2.4 2.4 0 0 1-.765-.465a.56.56 0 0 1-.217-.477a.4.4 0 0 1 .1-.21a.7.7 0 0 1 .223-.174l-.186-.1q-.083-.047-.189-.1l-.234-.112c-.156-.074-.312-.149-.443-.2l-.207-.084a4 4 0 0 1-.482.034c-.173 0-.349 0-.52-.014a5 5 0 0 1-.977-.163a2.4 2.4 0 0 1-.4-.138a2 2 0 0 1-.3-.157c-.156-.114-.263-.229-.262-.345l-.236-.04a35 35 0 0 0-.656-.091c0 .033-.025.065-.032.12l-.05.242a.95.95 0 0 0 .654 1.114a3.33 3.33 0 0 1 2.3 1.585c.514 1.388-1.647 2.744-4.934 2.744s-5.449-1.356-4.936-2.744a3.26 3.26 0 0 1 2.217-1.559a1.007 1.007 0 0 0 .686-1.172l-.069-.33l-.439.054c-.2.022-.381.056-.524.079l-.239.04a.43.43 0 0 1-.224.349a2 2 0 0 1-.278.164a3 3 0 0 1-.384.144a4 4 0 0 1-.469.108a5 5 0 0 1-.5.068a5 5 0 0 1-1.017 0l-.058.023c-.035.015-.091.036-.147.064l-.432.206c-.156.078-.3.162-.408.224l-.136.076l-.047.031a.57.57 0 0 1 .366.386c.055.155-.021.315-.163.491a2 2 0 0 1-.308.254a3 3 0 0 1-.442.235a4.8 4.8 0 0 1-1.168.361a.7.7 0 0 0-.067.156l-.124.354l-.052.365a.6.6 0 0 0-.01.17a3.3 3.3 0 0 1 1.161.2a1.43 1.43 0 0 1 .728.5a.8.8 0 0 1 .066.746a1.77 1.77 0 0 1-.661.844l.059.042l.167.119c.143.1.323.237.534.363l.621.341a2 2 0 0 0 .226.1l.089.038a5.5 5.5 0 0 1 1.6-.386a4.7 4.7 0 0 1 .8-.019a4.3 4.3 0 0 1 .774.092a5 5 0 0 1 .7.22a4 4 0 0 1 .583.33a1.93 1.93 0 0 1 .753.954l.462.018c.278.007.649.032 1.018.013s.74-.018 1.015-.036l.452-.043a1.4 1.4 0 0 1 .237-.53a2 2 0 0 1 .193-.225a2 2 0 0 1 .224-.213a2.4 2.4 0 0 1 .552-.337a3.2 3.2 0 0 1 .667-.24a6 6 0 0 1 .752-.119a7 7 0 0 1 .792 0a5.6 5.6 0 0 1 1.618.342l.281-.156a5 5 0 0 0 .57-.351c.181-.134.372-.262.487-.367l.186-.175a2.15 2.15 0 0 1-.734-.816a.9.9 0 0 1-.087-.381a.55.55 0 0 1 .074-.343a1.2 1.2 0 0 1 .637-.513"/><path fill="url(#SVGNeP5YcvD)" d="M11.641 10.589A3.5 3.5 0 0 0 13 13.334a6.17 6.17 0 0 1 1.954 4.456c.055 2.088-.088 4.5-.175 5.735c-1.118.158-1.9.532-1.9.968c0 .579 1.391 1.249 3.108 1.249s3.108-.669 3.108-1.249c0-.436-.785-.81-1.9-.968c-.088-1.23-.229-3.647-.174-5.735a6.17 6.17 0 0 1 1.954-4.456a3.5 3.5 0 0 0 1.359-2.745c-.018-2.058-1.962-3.715-4.342-3.715s-4.325 1.656-4.342 3.715"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FileTypeLightCloudfoundryIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.