Cloudfoundry icon
file-icons:cloudfoundry
The Cloudfoundry icon (file-icons:cloudfoundry) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 343 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 343 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="343" height="512" viewBox="0 0 343 512"><path fill="currentColor" d="M228.203 411.388c0 10.592-25.45 22.835-56.845 22.835s-56.845-12.243-56.845-22.835c0-7.969 14.35-14.809 34.84-17.706c1.602-22.489 3.18-104.89 3.18-104.89c-.942-34.4-16.581-65.928-35.738-81.503c-15.468-12.59-25.054-30.452-24.854-50.215c.328-37.649 35.89-67.945 79.417-67.945c43.546 0 79.109 30.296 79.416 67.945c.176 19.763-9.385 37.625-24.853 50.215c-19.132 15.575-34.82 47.103-35.739 81.503c0 0-.409 92.056 3.205 104.89c20.447 2.897 34.816 9.737 34.816 17.706M0 425.449c.524-6.664 3.117-12.62 6.474-18.712c14.254-2.443 53.414-14.344 33.393-30.296c7.023-4.067 15.79-8.042 23.031-10.993c22.421.953 36.503-1.71 48.925-8.032c2.853-2.081 4.808-4.187 4.783-6.317c5.144-.905 10.766-1.642 16.323-2.389c4.173 16.97-1.314 24.063-10.44 27.003c-21.326 6.21-37.454 16.435-42.105 28.982c-9.41 25.386 30.125 50.195 90.238 50.195c60.133 0 99.668-24.81 90.278-50.195c-4.544-12.239-20.032-22.264-40.59-28.518c-12.62-3.87-15.131-10.975-11.277-27.467c7.444.803 15.274 2.038 21.986 3.156c1.217 5.328 5.101 7.09 9.19 9.39c15.1 5.862 30.519 7.178 43.438 5.77c7.688 3.115 15.082 7.048 22.445 11.408c-25.898 16.236 20.181 29.527 31.351 31.596c2.905 5.856 4.221 12.26 4.607 19.108c-12.63.684-26.848 3.135-34.556 12.898c-6.724 13.387 2.518 22.616 10.885 29.09c-9.792 7.518-19.713 13.73-30.936 18.516c-25.056-11.875-79.73-15.273-95.06 21.766c-17.46.918-35.353.872-53.904-.88c-12.423-35.804-63.18-34.87-92.1-24.155c-9.42-5.13-20.236-12.107-27.862-19.195c8.05-6.054 13.69-12.688 15.008-21.893C30.573 429.609 11.111 426.008 0 425.449m279.962-268.705c0-59.282-48.285-107.523-108.906-107.523c-60.616 0-108.902 48.24-108.902 107.523c0 25.274 8.995 49.82 25.318 69.172c22.16 21.988 32.409 49.057 31.175 78.825c-62.878-21.678-105.374-80.8-105.725-147.122C12.462 74.714 79.4 4.029 162.105.056c5.784.004 12.138-.128 17.882 0c82.729 3.972 149.643 74.658 149.208 157.563c-.376 66.323-42.847 125.444-105.725 147.122c0 0-8.932-33.828 30.508-78.124c16.965-20.054 25.984-44.6 25.984-69.873"/></svg>How to use the Cloudfoundry icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:cloudfoundry" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:cloudfoundry" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:cloudfoundry" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--cloudfoundry]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:cloudfoundry"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:cloudfoundry"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/cloudfoundry.svg" alt="Cloudfoundry icon" width="24" height="24">Cloudfoundry icon in other icon sets
Cloudfoundry icon FAQ
Is the Cloudfoundry icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Cloudfoundry icon in React?
Install @iconify/react and render <Icon icon="file-icons:cloudfoundry" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cloudfoundry icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/cloudfoundry.svg" alt="Cloudfoundry icon">, or paste the SVG code inline to style it with CSS.