Icono Visual Studio
logos:visual-studio
El icono Visual Studio (logos:visual-studio) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 256. SVG Logos icons se publican bajo la licencia CC0, 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
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 256
- Etiquetas
- visualstudio
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGeg9ptetf" x1="50%" x2="50%" y1=".002%" y2="100%"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><path fill="#52218a" d="M36.987 200.406a10.67 10.67 0 0 1-11.04 1.734L6.56 194.006A10.67 10.67 0 0 1 0 184.22V70.46a10.67 10.67 0 0 1 6.56-9.787l19.387-8a10.67 10.67 0 0 1 11.04 1.733l4.346 3.6a5.893 5.893 0 0 0-9.333 4.8v129.067a5.893 5.893 0 0 0 9.333 4.8z"/><path fill="#6c33af" d="M6.56 194.006A10.67 10.67 0 0 1 0 184.22v-.88a6.16 6.16 0 0 0 10.667 4.133L176 4.673a16 16 0 0 1 18.187-3.093l52.746 25.386A16 16 0 0 1 256 41.393v.613a10.107 10.107 0 0 0-16.507-7.813l-198.16 162.48l-4.346 3.733a10.67 10.67 0 0 1-11.04 1.734z"/><path fill="#854cc7" d="M6.56 60.673A10.67 10.67 0 0 0 0 70.46v.88a6.16 6.16 0 0 1 10.667-4.134L176 250.006a16 16 0 0 0 18.187 3.094l52.746-25.387A16 16 0 0 0 256 213.286v-.613a10.107 10.107 0 0 1-16.507 7.813L41.333 58.006l-4.346-3.733a10.67 10.67 0 0 0-11.04-1.6z"/><path fill="#b179f1" d="M194.187 253.1A16 16 0 0 1 176 250.006a9.387 9.387 0 0 0 16-6.64v-232a9.387 9.387 0 0 0-16-6.693a16 16 0 0 1 18.187-3.093l52.746 25.36A16 16 0 0 1 256 41.366v171.947a16 16 0 0 1-9.067 14.427z"/><path fill="url(#SVGeg9ptetf)" fill-opacity=".25" d="M183.707 254.273a16 16 0 0 0 10.48-1.173l52.746-25.36A16 16 0 0 0 256 213.313V41.366a16 16 0 0 0-9.067-14.426L194.187 1.58A16 16 0 0 0 182.24.806A16 16 0 0 0 176 4.673L90.987 98.7L41.333 58.006l-4.346-3.733a10.67 10.67 0 0 0-9.627-2.213a6.8 6.8 0 0 0-1.413.48L6.56 60.673A10.67 10.67 0 0 0 0 69.66v115.36a10.66 10.66 0 0 0 6.56 8.986l19.387 8a6.8 6.8 0 0 0 1.413.48c3.378.882 6.973.056 9.627-2.213l4.346-3.6l49.654-40.693L176 250.006a16 16 0 0 0 7.707 4.267M192 73.153l-66.107 54.187L192 181.526zM32 90.726l33.093 36.614L32 163.953z"/></svg>
Cómo usar el icono Visual Studio
React
import { Icon } from "@iconify/react";
<Icon icon="logos:visual-studio" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:visual-studio" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:visual-studio" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--visual-studio]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:visual-studio"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:visual-studio"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/visual-studio.svg" alt="Icono Visual Studio" width="24" height="24">
Iconos relacionados en SVG Logos
El icono Visual Studio en otras colecciones
Preguntas frecuentes sobre Icono Visual Studio
¿El icono Visual Studio es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Visual Studio en React?
Instala @iconify/react y renderiza <Icon icon="logos:visual-studio" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Visual Studio a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/visual-studio.svg" alt="Icono Visual Studio">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos SVG Logos →
ICONYZ
