Ícone Amazon Q
thesvg-color:amazon-q
O ícone Amazon Q (thesvg-color:amazon-q) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 842 × 595. theSVG Color icons são publicados sob a licença MIT, 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 842 × 595
- Tags
- amazonq
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="842" height="595" viewBox="0 0 842 595"><defs><linearGradient id="SVGFgGnHeJb" x1="56.8" x2="-1.1" y1="647.8" y2="536.3" gradientTransform="matrix(3 0 0 -3 349.3 2027.2)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2fabff"/><stop offset=".3" stop-color="#5570ff"/><stop offset=".6" stop-color="#7b36ff"/><stop offset=".8" stop-color="#6a2cdc"/><stop offset="1" stop-color="#5921b8"/></linearGradient></defs><path fill="none" d="M69.2 33.9h704v528h-704z"/><path fill="url(#SVGFgGnHeJb)" d="M452.1 74c-19.6-11.3-43.8-11.3-63.4 0l-145.3 83.9c-19.6 11.3-31.7 32.3-31.7 54.9v167.8c0 22.7 12.1 43.6 31.7 54.9l145.3 83.9c19.6 11.3 43.8 11.3 63.4 0l145.3-83.9c19.6-11.3 31.7-32.3 31.7-54.9V212.8c0-22.7-12.1-43.6-31.7-54.9z"/><path fill="#fff" d="m438.6 293.4l-12.7 25.4l120.5 69.8l12.7-25.4zm-15.9-23.6c-2-1.1-4.4-1.1-6.3 0L395.3 282c-2 1.1-3.2 3.2-3.2 5.5v24.4c0 2.3 1.2 4.4 3.2 5.5l21.1 12.2c2 1.1 4.4 1.1 6.3 0l21.1-12.2c2-1.1 3.2-3.2 3.2-5.5v-24.4c0-2.3-1.2-4.4-3.2-5.5zm-11.1-106.4c7.9-4.5 17.5-4.5 25.4 0l98.2 56.7c7.9 4.5 12.7 12.9 12.7 22v113.4c0 9.1-4.8 17.4-12.7 22L437 434.2c-7.9 4.5-17.5 4.5-25.4 0l-98.2-56.7c-7.9-4.5-12.7-12.9-12.7-22V242.1c0-9.1 4.8-17.4 12.7-22zm-15.9-28.2l-103.1 59.5c-15.7 9.1-25.4 25.8-25.4 44v119c0 18.1 9.7 34.9 25.4 44l103.1 59.5c15.7 9.1 35 9.1 50.8 0l103.1-59.5c15.7-9.1 25.4-25.8 25.4-44v-119c0-18.1-9.7-34.9-25.4-44l-103.1-59.5c-15.7-9.1-35-9.1-50.8 0"/></svg>Como usar o ícone Amazon Q
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:amazon-q" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:amazon-q" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:amazon-q" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--amazon-q]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:amazon-q"></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-q"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/amazon-q.svg" alt="Ícone Amazon Q" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Amazon Q
O ícone Amazon Q é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Amazon Q no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:amazon-q" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Amazon Q a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/amazon-q.svg" alt="Ícone Amazon Q">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.