Icono Upcase

logos:upcase

El icono Upcase (logos:upcase) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 108. SVG Logos icons se publican bajo la licencia CC0, 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: SVG Logos
Autor: Gil Barbara
Licencia: CC0-1.0
Tamaño: 512 × 108

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="108" viewBox="0 0 512 108"><defs><linearGradient id="SVGqit2Je5U" x1="50.116%" x2="50.116%" y1="-.093%" y2="84.061%"><stop offset="0%" stop-color="#487bf6"/><stop offset="100%" stop-color="#0093cb"/></linearGradient></defs><path fill="#5f5f5f" d="M0 68.719V21.184a2.644 2.644 0 0 1 2.678-2.678h14.06a2.644 2.644 0 0 1 2.677 2.678v47.033c0 14.227 7.198 21.758 18.914 21.758s18.913-7.197 18.913-21.089V21.184a2.644 2.644 0 0 1 2.678-2.678h14.06a2.644 2.644 0 0 1 2.678 2.678V68.05c0 26.613-14.897 39.668-38.497 39.668C14.394 107.717 0 94.495 0 68.72m98.25-47.535a2.644 2.644 0 0 1 2.677-2.678h33.308c20.922 0 33.642 12.386 33.642 30.295v.335c0 20.252-15.733 30.797-35.483 30.797h-14.73V103.7a2.644 2.644 0 0 1-2.677 2.678h-14.06a2.644 2.644 0 0 1-2.678-2.678zm34.478 41.677c9.708 0 15.231-5.691 15.231-13.223v-.167c0-8.704-6.025-13.223-15.733-13.223H119.84a2.644 2.644 0 0 0-2.678 2.678v21.591a2.644 2.644 0 0 0 2.678 2.678h12.888zm48.037-.168v-.334c0-24.94 18.746-45.359 45.86-45.359c15.4 0 23.6 5.021 31.97 11.214c1.17.837 1.338 2.51.501 3.682L251.23 43.11c-.837 1.172-2.51 1.34-3.682.67c-6.695-4.52-13.223-8.87-21.257-8.87c-14.73 0-25.441 12.217-25.441 27.281v.67c0 15.063 12.218 27.951 27.282 27.282c8.201-.335 13.557-2.846 19.08-8.202a2.59 2.59 0 0 1 3.516-.167l9.373 8.201c1.004 1.005 1.171 2.678.167 3.683c-8.034 9.038-18.746 14.227-34.647 14.227c-25.608 0-44.856-20.085-44.856-45.192m181.602 28.12l9.205-8.704c1.005-1.004 2.678-.837 3.683 0c6.695 6.36 14.394 8.369 23.6 8.369c7.866 0 12.72-3.18 12.72-8.202v-.335c0-4.853-3.013-7.364-17.742-11.214c-17.741-4.519-29.123-9.373-29.123-26.78v-.334c0-15.901 12.72-26.446 30.797-26.446c11.884 0 22.094 3.515 30.63 9.54c1.171.838 1.339 2.511.67 3.683l-7.198 10.377c-.837 1.172-2.343 1.34-3.515.67c-7.03-4.52-13.892-7.197-20.754-7.197c-7.365 0-11.214 3.347-11.214 7.699v.335c0 5.69 3.682 7.699 18.913 11.548C420.78 58.51 430.823 64.87 430.823 80.1v.335c0 17.407-13.222 27.282-32.303 27.282c-12.386 0-26.78-3.515-35.986-12.888c-1.339-1.339-1.339-3.012-.167-4.017m82.683-69.629a2.644 2.644 0 0 1 2.678-2.678h60.925a2.644 2.644 0 0 1 2.677 2.678v11.884a2.644 2.644 0 0 1-2.677 2.678h-41.844a2.644 2.644 0 0 0-2.678 2.678v12.553a2.644 2.644 0 0 0 2.678 2.678h36.153a2.644 2.644 0 0 1 2.678 2.678v11.884a2.644 2.644 0 0 1-2.678 2.678h-36.153a2.644 2.644 0 0 0-2.678 2.678v13.222a2.644 2.644 0 0 0 2.678 2.678h42.513A2.644 2.644 0 0 1 512 92.151v11.884a2.644 2.644 0 0 1-2.678 2.678h-61.594a2.644 2.644 0 0 1-2.678-2.678z"/><path fill="url(#SVGqit2Je5U)" d="M307.527 1.734c-9.692 14.037-37.264 54.642-46.12 68.512c-1.17 1.67-.669 4.01.835 5.347c2.172 1.671 5.18 4.01 7.353 5.849c1.67 1.17 3.843 1.17 5.514-.167c15.875-13.703 19.05-16.21 28.741-25.066a10.017 10.017 0 0 1 13.536 0c12.7 11.363 18.38 15.708 28.908 25.233c1.504 1.337 3.844 1.504 5.347.167c2.34-1.838 5.515-4.178 7.687-5.849c1.671-1.337 2.005-3.509.836-5.347c-9.024-14.037-36.429-54.475-46.12-68.512c-1.337-2.506-4.846-2.506-6.517-.167"/></svg>

Cómo usar el icono Upcase

React

import { Icon } from "@iconify/react";

<Icon icon="logos:upcase" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:upcase" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:upcase" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--upcase]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:upcase"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:upcase"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/logos/upcase.svg" alt="Icono Upcase" width="24" height="24">

Preguntas frecuentes sobre Icono Upcase

¿El icono Upcase es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Upcase en React?

Instala @iconify/react y renderiza <Icon icon="logos:upcase" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Upcase a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/upcase.svg" alt="Icono Upcase">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →