Ícone Azure
devicon:azure
O ícone Azure (devicon:azure) é um ícone SVG gratuito da coleção Devicon de konpa. Ele é desenhado em uma grade de 128 × 128. Devicon 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
- Devicon
- Autor
- konpa
- Licença
- MIT
- Tamanho
- 128 × 128
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><linearGradient id="SVGHYmVrb5I" x1="60.919" x2="18.667" y1="9.602" y2="134.423" gradientUnits="userSpaceOnUse"><stop stop-color="#114a8b"/><stop offset="1" stop-color="#0669bc"/></linearGradient><linearGradient id="SVGPVtoqF3O" x1="74.117" x2="64.344" y1="67.772" y2="71.076" gradientUnits="userSpaceOnUse"><stop stop-opacity=".3"/><stop offset=".071" stop-opacity=".2"/><stop offset=".321" stop-opacity=".1"/><stop offset=".623" stop-opacity=".05"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="SVGB9viu3dc" x1="68.742" x2="115.122" y1="5.961" y2="129.525" gradientUnits="userSpaceOnUse"><stop stop-color="#3ccbf4"/><stop offset="1" stop-color="#2892df"/></linearGradient></defs><path fill="url(#SVGHYmVrb5I)" d="M46.09.002h40.685L44.541 125.137a6.485 6.485 0 0 1-6.146 4.413H6.733a6.48 6.48 0 0 1-5.262-2.699a6.47 6.47 0 0 1-.876-5.848L39.944 4.414A6.49 6.49 0 0 1 46.09 0z" transform="translate(.587 4.468)scale(.91904)"/><path fill="#0078d4" d="M97.28 81.607H37.987a2.743 2.743 0 0 0-1.874 4.751l38.1 35.562a6 6 0 0 0 4.087 1.61h33.574z"/><path fill="url(#SVGPVtoqF3O)" d="M46.09.002A6.43 6.43 0 0 0 39.93 4.5L.644 120.897a6.47 6.47 0 0 0 6.106 8.653h32.48a6.94 6.94 0 0 0 5.328-4.531l7.834-23.089l27.985 26.101a6.62 6.62 0 0 0 4.165 1.519h36.396l-15.963-45.616l-46.533.011L86.922.002z" transform="translate(.587 4.468)scale(.91904)"/><path fill="url(#SVGB9viu3dc)" d="M98.055 4.408A6.48 6.48 0 0 0 91.917.002H46.575a6.48 6.48 0 0 1 6.137 4.406l39.35 116.594a6.476 6.476 0 0 1-6.137 8.55h45.344a6.48 6.48 0 0 0 6.136-8.55z" transform="translate(.587 4.468)scale(.91904)"/></svg>
Como usar o ícone Azure
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:azure" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:azure" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:azure" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--azure]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:azure"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:azure"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/devicon/azure.svg" alt="Ícone Azure" width="24" height="24">
Ícones relacionados em Devicon
O ícone Azure em outras coleções
Perguntas frequentes sobre Ícone Azure
O ícone Azure é grátis para uso comercial?
Sim. Devicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Azure no React?
Instale @iconify/react e renderize <Icon icon="devicon:azure" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Azure a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/devicon/azure.svg" alt="Ícone Azure">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Devicon →
ICONYZ
