Icono Amazon
thesvg-color:amazon
El icono Amazon (thesvg-color:amazon) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 603 × 182. 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
- 603 × 182
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="603" height="182" viewBox="0 0 603 182"><g fill="#221f1f"><path fill="#f90" d="M374.006 142.184c-35 25.797-85.729 39.561-129.406 39.561c-61.242 0-116.376-22.651-158.087-60.325c-3.278-2.962-.341-7 3.591-4.693c45.015 26.191 100.673 41.947 158.166 41.947c38.775 0 81.43-8.022 120.65-24.67c5.925-2.516 10.88 3.88 5.086 8.18"/><path fill="#f90" d="M388.557 125.536c-4.457-5.715-29.573-2.7-40.846-1.363c-3.434.42-3.959-2.57-.865-4.719c20.003-14.078 52.827-10.015 56.654-5.296c3.828 4.745-.996 37.648-19.793 53.352c-2.884 2.411-5.637 1.127-4.352-2.072c4.22-10.539 13.685-34.16 9.202-39.902"/><path d="M348.497 20.066V6.381c0-2.071 1.573-3.46 3.461-3.46h61.269c1.966 0 3.54 1.415 3.54 3.46V18.1c-.027 1.966-1.679 4.535-4.615 8.599l-31.749 45.329c11.798-.289 24.25 1.468 34.947 7.498c2.412 1.363 3.068 3.356 3.251 5.322V99.45c0 1.992-2.202 4.325-4.509 3.12c-18.85-9.884-43.887-10.96-64.73.104c-2.123 1.154-4.351-1.153-4.351-3.146V85.661c0-2.229.026-6.03 2.254-9.412L384.047 23.5h-32.01c-1.967 0-3.54-1.39-3.54-3.434m-223.498 85.388h-18.64c-1.783-.13-3.199-1.468-3.33-3.172V6.617c0-1.914 1.6-3.435 3.592-3.435h17.382c1.809.079 3.25 1.468 3.382 3.199v12.505h.34c4.536-12.086 13.056-17.722 24.54-17.722c11.666 0 18.954 5.636 24.198 17.722c4.509-12.086 14.76-17.722 25.744-17.722c7.813 0 16.36 3.224 21.577 10.46c5.899 8.049 4.693 19.741 4.693 29.992l-.026 60.378c0 1.913-1.6 3.46-3.592 3.46h-18.614c-1.862-.13-3.356-1.625-3.356-3.46V51.29c0-4.037.367-14.104-.524-17.932c-1.39-6.423-5.558-8.232-10.959-8.232c-4.51 0-9.228 3.015-11.142 7.839s-1.73 12.898-1.73 18.325v50.704c0 1.913-1.6 3.46-3.592 3.46h-18.614c-1.888-.13-3.356-1.625-3.356-3.46l-.026-50.704c0-10.67 1.757-26.374-11.483-26.374c-13.397 0-12.872 15.31-12.872 26.374v50.704c0 1.913-1.6 3.46-3.592 3.46M469.514 1.164c27.66 0 42.629 23.752 42.629 53.954c0 29.18-16.543 52.329-42.629 52.329c-27.16 0-41.947-23.753-41.947-53.352c0-29.782 14.97-52.931 41.947-52.931m.158 19.531c-13.738 0-14.603 18.719-14.603 30.386c0 11.692-.184 36.65 14.445 36.65c14.446 0 15.128-20.134 15.128-32.403c0-8.075-.341-17.723-2.78-25.378c-2.097-6.66-6.265-9.255-12.19-9.255m78.336 84.759h-18.562c-1.861-.13-3.356-1.625-3.356-3.46l-.026-95.692c.157-1.756 1.704-3.12 3.592-3.12h17.277c1.625.079 2.962 1.18 3.33 2.674v14.63h.34c5.217-13.083 12.532-19.322 25.404-19.322c8.363 0 16.517 3.015 21.76 11.273c4.877 7.655 4.877 20.528 4.877 29.782v60.22c-.21 1.678-1.757 3.015-3.592 3.015h-18.693c-1.704-.13-3.12-1.39-3.303-3.015V50.478c0-10.461 1.206-25.772-11.667-25.772c-4.535 0-8.704 3.042-10.775 7.656c-2.621 5.846-2.962 11.666-2.962 18.116v51.516c-.026 1.913-1.652 3.46-3.644 3.46"/><use href="#SVGNYVVZbat" transform="translate(244.367)"/><path id="SVGNYVVZbat" d="M55.288 59.758v-4.037c-13.475 0-27.71 2.884-27.71 18.771c0 8.049 4.168 13.502 11.325 13.502c5.243 0 9.936-3.225 12.898-8.468c3.67-6.45 3.487-12.506 3.487-19.768m18.798 45.434c-1.232 1.101-3.015 1.18-4.405.446c-6.187-5.139-7.288-7.524-10.696-12.427c-10.225 10.434-17.46 13.554-30.726 13.554c-15.678 0-27.895-9.674-27.895-29.048c0-15.127 8.206-25.43 19.872-30.464c10.12-4.457 24.25-5.244 35.052-6.476v-2.412c0-4.43.341-9.674-2.254-13.501c-2.281-3.435-6.633-4.85-10.46-4.85c-7.106 0-13.45 3.644-14.997 11.194c-.315 1.678-1.547 3.33-3.225 3.408l-18.09-1.94c-1.52-.34-3.198-1.573-2.778-3.906C7.652 6.853 27.446.246 45.169.246c9.07 0 20.92 2.412 28.078 9.28c9.07 8.469 8.206 19.768 8.206 32.064v29.048c0 8.73 3.618 12.558 7.026 17.277c1.206 1.678 1.468 3.697-.053 4.955c-3.801 3.172-10.565 9.071-14.288 12.375z"/></g></svg>Cómo usar el icono Amazon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:amazon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:amazon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:amazon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--amazon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:amazon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:amazon"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/amazon.svg" alt="Icono Amazon" width="24" height="24">Iconos relacionados en theSVG Color
El icono Amazon en otras colecciones
Preguntas frecuentes sobre Icono Amazon
¿El icono Amazon 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 Amazon en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:amazon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Amazon a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/amazon.svg" alt="Icono Amazon">, o pega el código SVG en línea para darle estilo con CSS.