Icono Azure Devops Light
selfhst:azure-devops-light
El icono Azure Devops Light (selfhst:azure-devops-light) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Etiquetas
- azuredevops, devopslight, azuredevopslight, devop
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGzIEY8QFY" x1="336.889" x2="135.345" y1="368.105" y2="465.075" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".95"/><stop offset=".301" stop-color="#fff" stop-opacity=".9"/><stop offset=".626" stop-color="#fff" stop-opacity=".8"/><stop offset=".926" stop-color="#fff" stop-opacity=".7"/></linearGradient><path fill="url(#SVGzIEY8QFY)" d="M384 448v-81.5l-149.3-10.7l-105.2-7.5c-.5 0-1.1-.1-1.5-.1c-5.4 0-10.7 2-14.5 5.8c-4.4 4.1-6.8 9.7-6.8 15.7c0 4.5 1.4 8.7 3.9 12.3l7 10l36.6 51.9l5.4 7.6l36.2 51.4c3.9 5.4 10.2 9.1 17.5 9.1c11.7 0 21.3-9.6 21.3-21.3v-27.8l112.5 16.9q2.4.3 4.8.3c7.8 0 14.9-2.8 20.5-7.4c7.1-5.9 11.6-14.8 11.6-24.7"/><linearGradient id="SVGRL1Txb2x" x1="442.24" x2="442.24" y1="54.769" y2="419.38" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".6"/><stop offset=".489" stop-color="#fff" stop-opacity=".7"/><stop offset=".954" stop-color="#fff" stop-opacity=".4"/></linearGradient><path fill="url(#SVGRL1Txb2x)" d="M512 170.7v170.7c0 9.9-4.5 18.8-11.5 24.6l-128 106.7c7-5.9 11.5-14.7 11.5-24.6V175.3c0-16.7 13-30.7 29.8-31.9l63.9-4.6c.7-.1 1.6-.1 2.3-.1c7.8 0 14.9 2.8 20.5 7.4c7 5.8 11.5 14.6 11.5 24.6"/><linearGradient id="SVGrziAwoJb" x1="99.399" x2="352.75" y1="279.26" y2="498.676" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset=".005" stop-color="#fff" stop-opacity=".6"/><stop offset=".507" stop-color="#fff" stop-opacity=".7"/><stop offset="1" stop-color="#fff" stop-opacity=".4"/></linearGradient><path fill="url(#SVGrziAwoJb)" d="M384 125.5c0 11.2-8.6 20.5-19.8 21.3c-.5 0-1.1.1-1.6.1l-127.9 9.2l-132.3 9.1l-72.7 5.5c-6.9.4-13.2 3.1-18.2 7.4L116.1 73.4c4.7-4.7 10.9-8 17.8-9.1l100.8-15.1V21.3C234.7 9.6 244.3 0 256 0c5.8 0 11.1 2.3 14.9 6.1l33.4 32.6l16.9 16.5l40.3 39.3l16.1 15.8c4.1 3.9 6.4 9.4 6.4 15.2"/><linearGradient id="SVGyj3kC11z" x1="51.2" x2="51.2" y1="288.904" y2="119.656" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".7"/><stop offset=".276" stop-color="#fff" stop-opacity=".8"/><stop offset=".518" stop-color="#fff" stop-opacity=".95"/><stop offset=".879" stop-color="#fff"/></linearGradient><path fill="url(#SVGyj3kC11z)" d="m102.4 165.2l-72.7 5.5c-6.9.4-13.2 3.1-18.2 7.4l-2 1.9C3.6 185.8 0 193.8 0 202.7v106.7c0 8.9 3.6 16.9 9.4 22.6c5.2 5.3 12.4 8.7 20.3 9.3l42.7 3.1c7.8.6 15.4-2.5 21.1-8.5c5.7-6.1 9-14.5 9-23.4z"/></svg>Cómo usar el icono Azure Devops Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:azure-devops-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:azure-devops-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:azure-devops-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--azure-devops-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:azure-devops-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:azure-devops-light"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/azure-devops-light.svg" alt="Icono Azure Devops Light" width="24" height="24">Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Azure Devops Light
¿El icono Azure Devops Light es gratis para uso comercial?
Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Azure Devops Light en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:azure-devops-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Azure Devops Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/azure-devops-light.svg" alt="Icono Azure Devops Light">, o pega el código SVG en línea para darle estilo con CSS.