Icono Powerade
thesvg-color:powerade
El icono Powerade (thesvg-color:powerade) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 185 × 60. theSVG Color icons se publican bajo la licencia MIT, 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
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 185 × 60
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="185" height="60" viewBox="0 0 185 60"><path d="M181.64 53.36c-1.76 0-3.2 1.43-3.2 3.2c0 1.76 1.43 3.2 3.2 3.2s3.2-1.44 3.2-3.2s-1.43-3.2-3.2-3.2m0 5.7c-1.37 0-2.43-1.08-2.43-2.5s1.05-2.47 2.43-2.47c1.37 0 2.44 1.05 2.44 2.47s-1.06 2.5-2.44 2.5m1.36-3.13c0-.55-.45-1.06-1.13-1.06h-1.39v3.4h.76v-1.32h.38l.61 1.32h.85l-.7-1.42c.34-.15.63-.45.63-.91m-1.23.43h-.54v-.89h.55c.28 0 .46.21.46.44s-.19.45-.47.45m-35.28 2.68h27.87v-6.42h-21.43V48.5h20v-6.43h-20v-4.13h21.5v-6.42H146.5v27.52Zm-11.15-27.53h-21.27v27.52h21.26q3.75 0 6.33-2.49c1.74-1.66 2.6-3.72 2.6-6.23v-10.1c0-2.49-.87-4.56-2.6-6.23c-1.72-1.65-3.84-2.49-6.33-2.49m2.52 18.83c0 1.53-.83 2.3-2.47 2.3H120.5V37.94h14.89c1.64 0 2.47.77 2.47 2.31zm-34.07-18.81H87.04c-2.28 0-4.14.84-5.59 2.51s-2.17 3.67-2.17 5.99v19.03h6.43v-8.73h19.47v8.74h6.42V40.04c0-2.32-.72-4.32-2.16-5.99c-1.45-1.67-3.34-2.51-5.65-2.51M85.71 43.89v-3.86c0-1.39.44-2.09 1.33-2.09h16.75c.93 0 1.39.71 1.39 2.1v3.85zM57.39 0H42.68c-2.5 0-4.62.83-6.36 2.48c-1.76 1.67-2.63 3.74-2.63 6.23v10.1c0 2.49.87 4.57 2.62 6.23q2.625 2.49 6.36 2.49h14.71c2.5 0 4.61-.83 6.37-2.48c1.75-1.67 2.62-3.74 2.63-6.23V8.72c0-2.49-.87-4.56-2.63-6.23C62 .84 59.9 0 57.39 0m0 21.11H42.68c-1.7 0-2.57-.77-2.57-2.3V8.73c0-1.53.87-2.31 2.57-2.31h14.71c1.72 0 2.57.77 2.57 2.31v10.08c0 1.53-.85 2.3-2.57 2.3M24.25 0H0v27.52h6.42V6.41h17.84c.93 0 1.39.96 1.39 2.89c0 1.88-.46 2.82-1.39 2.82H8.15l6.37 6.42h9.73c2.39 0 4.32-.99 5.78-2.94c1.35-1.75 2.02-3.85 2.02-6.31s-.67-4.58-2.02-6.36C28.57.98 26.65 0 24.25 0m72.44 16.46L90.88.01h-6.77l-5.73 16.45L72.53 0h-6.85l9.9 27.52h5.63l6.38-17.78l6.36 17.79h5.57L109.44.01h-6.79L96.7 16.45Zm14.05 11.08h27.88v-6.42h-21.46v-4.13h20.01v-6.43h-20.01V6.43h21.51V.02h-27.93v27.53ZM166.61.02h-25.24v27.52h6.42V6.44h18.45c1.18 0 1.76.96 1.76 2.84c0 1.9-.58 2.84-1.76 2.84h-16.55l13.76 15.42h8.79l-8.09-8.99h2.46c2.46 0 4.41-.97 5.84-2.9c1.32-1.74 1.99-3.87 1.99-6.37s-.66-4.62-1.99-6.37C171.02.98 169.08.02 166.61.02"/></svg>Cómo usar el icono Powerade
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:powerade" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:powerade" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:powerade" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--powerade]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:powerade"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:powerade"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/powerade.svg" alt="Icono Powerade" width="24" height="24">Preguntas frecuentes sobre Icono Powerade
¿El icono Powerade es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Powerade en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:powerade" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Powerade a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/powerade.svg" alt="Icono Powerade">, o pega el código SVG en línea para darle estilo con CSS.