Ícone Cloudfoundry
simple-icons:cloudfoundry
O ícone Cloudfoundry (simple-icons:cloudfoundry) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Simple Icons
- Autor
- Simple Icons Collaborators
- Licença
- CC0-1.0
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.854 13.537c-.048 1.79.074 3.862.149 4.917c.96.136 1.633.456 1.633.83c0 .497-1.193 1.07-2.665 1.07s-2.665-.573-2.665-1.07c0-.374.673-.694 1.633-.83c.075-1.055.197-3.127.15-4.917c-.044-1.613-.779-3.091-1.676-3.821c-.725-.59-1.174-1.427-1.166-2.354c.016-1.765 1.683-3.186 3.724-3.186s3.708 1.42 3.723 3.186c.008.927-.44 1.763-1.165 2.354c-.897.73-1.632 2.208-1.675 3.821m6.214 6.596c.287-.115.612-.177.951-.19c-.007-.24-.166-.672-.303-.877c-.56-.1-1.276-.313-1.658-.682a.48.48 0 0 1-.186-.41c.026-.146.133-.253.278-.329a8 8 0 0 0-1.08-.515a4.6 4.6 0 0 1-1.697-.124c-.303-.09-.764-.24-.82-.549c-.16-.03-.54-.083-.766-.112a4 4 0 0 0-.07.31a.815.815 0 0 0 .56.956c1 .291 1.756.77 1.974 1.359c.44 1.19-1.413 2.353-4.231 2.353c-2.82 0-4.673-1.163-4.233-2.353c.213-.574.94-1.044 1.903-1.337a.863.863 0 0 0 .589-1.005l-.06-.283c-.291.03-.779.101-1.031.148c-.019.313-.476.466-.76.564a4.7 4.7 0 0 1-1.708.147a8 8 0 0 0-1.052.535c.544.23.316.736-.09.97c-.407.253-.842.409-1.38.51c-.051.088-.111.298-.163.438c-.016.136-.063.367-.053.459c.645.02 1.268.152 1.62.605c.281.508-.024.976-.51 1.364c.392.316.986.673 1.45.868a4.8 4.8 0 0 1 2.715-.269c.718.16 1.506.581 1.742 1.289c.635.042 1.895.04 2.528-.041c.182-.731.907-1.147 1.606-1.326a4.8 4.8 0 0 1 2.712.193c.356-.18 1.03-.602 1.306-.9c-.474-.358-.873-.794-.63-1.325c.085-.19.301-.33.547-.44zm-9.54-5.848s.418-1.586-1.4-3.632A5 5 0 0 1 6.88 7.346a5.05 5.05 0 0 1 5.047-5.04c2.822-.065 5.168 2.218 5.164 5.04a4.98 4.98 0 0 1-1.248 3.306c-1.614 1.616-1.4 3.633-1.4 3.633a7.35 7.35 0 0 0 4.956-6.898c.035-4.021-3.39-7.47-7.414-7.385c-4.027-.083-7.447 3.364-7.413 7.385a7.35 7.35 0 0 0 4.956 6.898"/></svg>Como usar o ícone Cloudfoundry
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:cloudfoundry" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:cloudfoundry" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:cloudfoundry" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--cloudfoundry]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:cloudfoundry"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:cloudfoundry"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/cloudfoundry.svg" alt="Ícone Cloudfoundry" width="24" height="24">O ícone Cloudfoundry em outras coleções
Perguntas frequentes sobre Ícone Cloudfoundry
O ícone Cloudfoundry é grátis para uso comercial?
Sim. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cloudfoundry no React?
Instale @iconify/react e renderize <Icon icon="simple-icons:cloudfoundry" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cloudfoundry a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-icons/cloudfoundry.svg" alt="Ícone Cloudfoundry">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.