Icono Workflows
gcp:workflows
El icono Workflows (gcp:workflows) es un icono SVG gratuito de la colección Google Cloud Icons de Google Cloud. Está dibujado en una cuadrícula de 24 × 24. Google Cloud Icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Google Cloud Icons
- Autor
- Google Cloud
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Etiquetas
- workflow
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#4285f4" d="M19.5 20.06h-.7v-1.5h.7a.76.76 0 0 0 .75-.75V13.5a.76.76 0 0 0-.75-.75h-3.61v-1.5h3.61a2.25 2.25 0 0 1 2.25 2.25v4.31a2.25 2.25 0 0 1-2.25 2.25m-7.95 0h-4.9v-1.5h4.9Z"/><path fill="#669df6" fill-rule="evenodd" d="M8.12 12.75H4.5a2.25 2.25 0 0 1-2.25-2.25V6.19A2.25 2.25 0 0 1 4.5 3.94h1v1.5h-1a.75.75 0 0 0-.75.75v4.31a.76.76 0 0 0 .75.75h3.62Z"/><path fill="#4285f4" d="M17.3 5.44h-5.48v-1.5h5.48Z"/><path fill="#aecbfa" d="M8.63 3.94v-1.5h-3A1.13 1.13 0 0 0 4.5 3.56v2.25a1.13 1.13 0 0 0 1.13 1.13h3v-1.5H6v-1.5Z"/><path fill="#669df6" fill-rule="evenodd" d="M12.75 3.56v2.25a1.13 1.13 0 0 1-1.12 1.13h-3v-1.5h2.62v-1.5H8.63v-1.5h3a1.12 1.12 0 0 1 1.12 1.12"/><path fill="#aecbfa" d="M19.31 7.13a2.44 2.44 0 1 1 2.44-2.44a2.45 2.45 0 0 1-2.44 2.44m0-3.38a.94.94 0 1 0 .94.94a.94.94 0 0 0-.94-.94"/><path fill="#9aa0a6" d="M4.69 21.75a2.44 2.44 0 1 1 2.43-2.44a2.44 2.44 0 0 1-2.43 2.44m0-3.38a.94.94 0 1 0 .93.94a.94.94 0 0 0-.93-.94"/><path fill="#aecbfa" d="M4.69 21.75a2.44 2.44 0 1 1 2.43-2.44a2.44 2.44 0 0 1-2.43 2.44m0-3.38a.94.94 0 1 0 .93.94a.94.94 0 0 0-.93-.94m10.67.2v-1.5h-3a1.13 1.13 0 0 0-1.12 1.13v2.25a1.12 1.12 0 0 0 1.12 1.12h3v-1.5h-2.62v-1.5Z"/><path fill="#669df6" fill-rule="evenodd" d="M19.49 18.2v2.25a1.13 1.13 0 0 1-1.13 1.12h-3v-1.5H18v-1.5h-2.64v-1.5h3a1.14 1.14 0 0 1 1.13 1.13"/><path fill="#aecbfa" d="M12 11.25v-1.5H9a1.13 1.13 0 0 0-1.13 1.12v2.25A1.13 1.13 0 0 0 9 14.25h3v-1.5H9.37v-1.5Z"/><path fill="#669df6" fill-rule="evenodd" d="M16.12 10.87v2.25A1.13 1.13 0 0 1 15 14.25h-3v-1.5h2.62v-1.5H12v-1.5h3a1.12 1.12 0 0 1 1.12 1.12"/></svg>Cómo usar el icono Workflows
React
import { Icon } from "@iconify/react";
<Icon icon="gcp:workflows" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gcp:workflows" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gcp:workflows" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gcp--workflows]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gcp -->
<div class="i-gcp:workflows"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gcp:workflows"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/gcp/workflows.svg" alt="Icono Workflows" width="24" height="24">Preguntas frecuentes sobre Icono Workflows
¿El icono Workflows es gratis para uso comercial?
Sí. Google Cloud Icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Workflows en React?
Instala @iconify/react y renderiza <Icon icon="gcp:workflows" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Workflows a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/gcp/workflows.svg" alt="Icono Workflows">, o pega el código SVG en línea para darle estilo con CSS.