visualstudio logo

visualstudio from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: visualstudio
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

visualstudioMaterial Icon Theme visualstudioSimple Icons visualstudio-darkSkill Icons

Use the visualstudio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGZad1u4qS" x1="48" x2="48" y1="97.75" y2="2.25" gradientTransform="matrix(1 0 0 -1 0 97.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><path fill="#52218a" d="M14.39 26.295a5.3 5.3 0 0 0-1.417.373l-9.694 4A5.33 5.33 0 0 0 0 35.561v56.88a5.33 5.33 0 0 0 3.28 4.893l9.693 4.066a5.33 5.33 0 0 0 5.521-.865l2.172-1.867a2.947 2.947 0 0 1-4.666-2.4V31.734a2.947 2.947 0 0 1 4.666-2.4l-2.172-1.799a5.33 5.33 0 0 0-4.103-1.24z"/><path fill="#6c33af" d="M94.75.416A8 8 0 0 0 88 2.668l-82.666 91.4A3.08 3.08 0 0 1 0 92.002v.44a5.33 5.33 0 0 0 3.28 4.892l9.693 4.066a5.33 5.33 0 0 0 5.521-.865l2.172-1.867l99.08-81.24A5.053 5.053 0 0 1 128 21.334v-.307a8 8 0 0 0-4.533-7.213L97.094 1.121A8 8 0 0 0 94.75.416"/><path fill="#854cc7" d="M14.871 26.238a5.3 5.3 0 0 0-1.898.43l-9.694 4A5.33 5.33 0 0 0 0 35.561v.441a3.08 3.08 0 0 1 5.334-2.066L88 125.334a8 8 0 0 0 9.094 1.547l26.373-12.694a8 8 0 0 0 4.533-7.212v-.307a5.053 5.053 0 0 1-8.254 3.906l-99.08-81.24l-2.172-1.865a5.33 5.33 0 0 0-3.623-1.23z"/><path fill="#b179f1" d="M94.75.416a8 8 0 0 0-5.674 1.469A4.693 4.693 0 0 1 96 6.015v116a4.693 4.693 0 0 1-8 3.319a8 8 0 0 0 9.094 1.547l26.373-12.68a8 8 0 0 0 4.533-7.213V21.016a8 8 0 0 0-4.533-7.215L97.094 1.12A8 8 0 0 0 94.75.416m-5.674 1.469A4.7 4.7 0 0 0 88 2.668a8 8 0 0 1 1.076-.783"/><path fill="url(#SVGZad1u4qS)" fill-rule="evenodd" d="M94.145.348a8 8 0 0 0-3.026.386A8 8 0 0 0 88 2.668L45.494 49.682L20.666 29.334l-2.172-1.865a5.33 5.33 0 0 0-4.814-1.108a3.4 3.4 0 0 0-.707.24l-9.694 4.067A5.33 5.33 0 0 0 0 35.162v57.679a5.33 5.33 0 0 0 3.28 4.493l9.693 4a3.4 3.4 0 0 0 .707.24a5.33 5.33 0 0 0 4.814-1.105l2.172-1.801l24.828-20.346L88 125.334a8 8 0 0 0 3.854 2.135a8 8 0 0 0 5.24-.588l26.373-12.68a8 8 0 0 0 4.533-7.213V21.016a8 8 0 0 0-4.533-7.215L97.094 1.12a8 8 0 0 0-2.95-.773ZM96 36.908v54.186L62.947 64.002Zm-80 8.787l16.547 18.307L16 82.309Z" opacity=".25"/></svg>

React

import type { SVGProps } from "react";

export function DeviconVisualstudio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGZad1u4qS" x1="48" x2="48" y1="97.75" y2="2.25" gradientTransform="matrix(1 0 0 -1 0 97.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#fff"/><stop offset="1" stopColor="#fff" stopOpacity="0"/></linearGradient></defs><path fill="#52218a" d="M14.39 26.295a5.3 5.3 0 0 0-1.417.373l-9.694 4A5.33 5.33 0 0 0 0 35.561v56.88a5.33 5.33 0 0 0 3.28 4.893l9.693 4.066a5.33 5.33 0 0 0 5.521-.865l2.172-1.867a2.947 2.947 0 0 1-4.666-2.4V31.734a2.947 2.947 0 0 1 4.666-2.4l-2.172-1.799a5.33 5.33 0 0 0-4.103-1.24z"/><path fill="#6c33af" d="M94.75.416A8 8 0 0 0 88 2.668l-82.666 91.4A3.08 3.08 0 0 1 0 92.002v.44a5.33 5.33 0 0 0 3.28 4.892l9.693 4.066a5.33 5.33 0 0 0 5.521-.865l2.172-1.867l99.08-81.24A5.053 5.053 0 0 1 128 21.334v-.307a8 8 0 0 0-4.533-7.213L97.094 1.121A8 8 0 0 0 94.75.416"/><path fill="#854cc7" d="M14.871 26.238a5.3 5.3 0 0 0-1.898.43l-9.694 4A5.33 5.33 0 0 0 0 35.561v.441a3.08 3.08 0 0 1 5.334-2.066L88 125.334a8 8 0 0 0 9.094 1.547l26.373-12.694a8 8 0 0 0 4.533-7.212v-.307a5.053 5.053 0 0 1-8.254 3.906l-99.08-81.24l-2.172-1.865a5.33 5.33 0 0 0-3.623-1.23z"/><path fill="#b179f1" d="M94.75.416a8 8 0 0 0-5.674 1.469A4.693 4.693 0 0 1 96 6.015v116a4.693 4.693 0 0 1-8 3.319a8 8 0 0 0 9.094 1.547l26.373-12.68a8 8 0 0 0 4.533-7.213V21.016a8 8 0 0 0-4.533-7.215L97.094 1.12A8 8 0 0 0 94.75.416m-5.674 1.469A4.7 4.7 0 0 0 88 2.668a8 8 0 0 1 1.076-.783"/><path fill="url(#SVGZad1u4qS)" fillRule="evenodd" d="M94.145.348a8 8 0 0 0-3.026.386A8 8 0 0 0 88 2.668L45.494 49.682L20.666 29.334l-2.172-1.865a5.33 5.33 0 0 0-4.814-1.108a3.4 3.4 0 0 0-.707.24l-9.694 4.067A5.33 5.33 0 0 0 0 35.162v57.679a5.33 5.33 0 0 0 3.28 4.493l9.693 4a3.4 3.4 0 0 0 .707.24a5.33 5.33 0 0 0 4.814-1.105l2.172-1.801l24.828-20.346L88 125.334a8 8 0 0 0 3.854 2.135a8 8 0 0 0 5.24-.588l26.373-12.68a8 8 0 0 0 4.533-7.213V21.016a8 8 0 0 0-4.533-7.215L97.094 1.12a8 8 0 0 0-2.95-.773ZM96 36.908v54.186L62.947 64.002Zm-80 8.787l16.547 18.307L16 82.309Z" opacity=".25"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGZad1u4qS" x1="48" x2="48" y1="97.75" y2="2.25" gradientTransform="matrix(1 0 0 -1 0 97.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><path fill="#52218a" d="M14.39 26.295a5.3 5.3 0 0 0-1.417.373l-9.694 4A5.33 5.33 0 0 0 0 35.561v56.88a5.33 5.33 0 0 0 3.28 4.893l9.693 4.066a5.33 5.33 0 0 0 5.521-.865l2.172-1.867a2.947 2.947 0 0 1-4.666-2.4V31.734a2.947 2.947 0 0 1 4.666-2.4l-2.172-1.799a5.33 5.33 0 0 0-4.103-1.24z"/><path fill="#6c33af" d="M94.75.416A8 8 0 0 0 88 2.668l-82.666 91.4A3.08 3.08 0 0 1 0 92.002v.44a5.33 5.33 0 0 0 3.28 4.892l9.693 4.066a5.33 5.33 0 0 0 5.521-.865l2.172-1.867l99.08-81.24A5.053 5.053 0 0 1 128 21.334v-.307a8 8 0 0 0-4.533-7.213L97.094 1.121A8 8 0 0 0 94.75.416"/><path fill="#854cc7" d="M14.871 26.238a5.3 5.3 0 0 0-1.898.43l-9.694 4A5.33 5.33 0 0 0 0 35.561v.441a3.08 3.08 0 0 1 5.334-2.066L88 125.334a8 8 0 0 0 9.094 1.547l26.373-12.694a8 8 0 0 0 4.533-7.212v-.307a5.053 5.053 0 0 1-8.254 3.906l-99.08-81.24l-2.172-1.865a5.33 5.33 0 0 0-3.623-1.23z"/><path fill="#b179f1" d="M94.75.416a8 8 0 0 0-5.674 1.469A4.693 4.693 0 0 1 96 6.015v116a4.693 4.693 0 0 1-8 3.319a8 8 0 0 0 9.094 1.547l26.373-12.68a8 8 0 0 0 4.533-7.213V21.016a8 8 0 0 0-4.533-7.215L97.094 1.12A8 8 0 0 0 94.75.416m-5.674 1.469A4.7 4.7 0 0 0 88 2.668a8 8 0 0 1 1.076-.783"/><path fill="url(#SVGZad1u4qS)" fill-rule="evenodd" d="M94.145.348a8 8 0 0 0-3.026.386A8 8 0 0 0 88 2.668L45.494 49.682L20.666 29.334l-2.172-1.865a5.33 5.33 0 0 0-4.814-1.108a3.4 3.4 0 0 0-.707.24l-9.694 4.067A5.33 5.33 0 0 0 0 35.162v57.679a5.33 5.33 0 0 0 3.28 4.493l9.693 4a3.4 3.4 0 0 0 .707.24a5.33 5.33 0 0 0 4.814-1.105l2.172-1.801l24.828-20.346L88 125.334a8 8 0 0 0 3.854 2.135a8 8 0 0 0 5.24-.588l26.373-12.68a8 8 0 0 0 4.533-7.213V21.016a8 8 0 0 0-4.533-7.215L97.094 1.12a8 8 0 0 0-2.95-.773ZM96 36.908v54.186L62.947 64.002Zm-80 8.787l16.547 18.307L16 82.309Z" opacity=".25"/></svg>
</template>

CSS

.icon-visualstudio {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGZad1u4qS%22%20x1%3D%2248%22%20x2%3D%2248%22%20y1%3D%2297.75%22%20y2%3D%222.25%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2097.75)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2352218a%22%20d%3D%22M14.39%2026.295a5.3%205.3%200%200%200-1.417.373l-9.694%204A5.33%205.33%200%200%200%200%2035.561v56.88a5.33%205.33%200%200%200%203.28%204.893l9.693%204.066a5.33%205.33%200%200%200%205.521-.865l2.172-1.867a2.947%202.947%200%200%201-4.666-2.4V31.734a2.947%202.947%200%200%201%204.666-2.4l-2.172-1.799a5.33%205.33%200%200%200-4.103-1.24z%22%2F%3E%3Cpath%20fill%3D%22%236c33af%22%20d%3D%22M94.75.416A8%208%200%200%200%2088%202.668l-82.666%2091.4A3.08%203.08%200%200%201%200%2092.002v.44a5.33%205.33%200%200%200%203.28%204.892l9.693%204.066a5.33%205.33%200%200%200%205.521-.865l2.172-1.867l99.08-81.24A5.053%205.053%200%200%201%20128%2021.334v-.307a8%208%200%200%200-4.533-7.213L97.094%201.121A8%208%200%200%200%2094.75.416%22%2F%3E%3Cpath%20fill%3D%22%23854cc7%22%20d%3D%22M14.871%2026.238a5.3%205.3%200%200%200-1.898.43l-9.694%204A5.33%205.33%200%200%200%200%2035.561v.441a3.08%203.08%200%200%201%205.334-2.066L88%20125.334a8%208%200%200%200%209.094%201.547l26.373-12.694a8%208%200%200%200%204.533-7.212v-.307a5.053%205.053%200%200%201-8.254%203.906l-99.08-81.24l-2.172-1.865a5.33%205.33%200%200%200-3.623-1.23z%22%2F%3E%3Cpath%20fill%3D%22%23b179f1%22%20d%3D%22M94.75.416a8%208%200%200%200-5.674%201.469A4.693%204.693%200%200%201%2096%206.015v116a4.693%204.693%200%200%201-8%203.319a8%208%200%200%200%209.094%201.547l26.373-12.68a8%208%200%200%200%204.533-7.213V21.016a8%208%200%200%200-4.533-7.215L97.094%201.12A8%208%200%200%200%2094.75.416m-5.674%201.469A4.7%204.7%200%200%200%2088%202.668a8%208%200%200%201%201.076-.783%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZad1u4qS)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M94.145.348a8%208%200%200%200-3.026.386A8%208%200%200%200%2088%202.668L45.494%2049.682L20.666%2029.334l-2.172-1.865a5.33%205.33%200%200%200-4.814-1.108a3.4%203.4%200%200%200-.707.24l-9.694%204.067A5.33%205.33%200%200%200%200%2035.162v57.679a5.33%205.33%200%200%200%203.28%204.493l9.693%204a3.4%203.4%200%200%200%20.707.24a5.33%205.33%200%200%200%204.814-1.105l2.172-1.801l24.828-20.346L88%20125.334a8%208%200%200%200%203.854%202.135a8%208%200%200%200%205.24-.588l26.373-12.68a8%208%200%200%200%204.533-7.213V21.016a8%208%200%200%200-4.533-7.215L97.094%201.12a8%208%200%200%200-2.95-.773ZM96%2036.908v54.186L62.947%2064.002Zm-80%208.787l16.547%2018.307L16%2082.309Z%22%20opacity%3D%22.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGZad1u4qS%22%20x1%3D%2248%22%20x2%3D%2248%22%20y1%3D%2297.75%22%20y2%3D%222.25%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2097.75)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2352218a%22%20d%3D%22M14.39%2026.295a5.3%205.3%200%200%200-1.417.373l-9.694%204A5.33%205.33%200%200%200%200%2035.561v56.88a5.33%205.33%200%200%200%203.28%204.893l9.693%204.066a5.33%205.33%200%200%200%205.521-.865l2.172-1.867a2.947%202.947%200%200%201-4.666-2.4V31.734a2.947%202.947%200%200%201%204.666-2.4l-2.172-1.799a5.33%205.33%200%200%200-4.103-1.24z%22%2F%3E%3Cpath%20fill%3D%22%236c33af%22%20d%3D%22M94.75.416A8%208%200%200%200%2088%202.668l-82.666%2091.4A3.08%203.08%200%200%201%200%2092.002v.44a5.33%205.33%200%200%200%203.28%204.892l9.693%204.066a5.33%205.33%200%200%200%205.521-.865l2.172-1.867l99.08-81.24A5.053%205.053%200%200%201%20128%2021.334v-.307a8%208%200%200%200-4.533-7.213L97.094%201.121A8%208%200%200%200%2094.75.416%22%2F%3E%3Cpath%20fill%3D%22%23854cc7%22%20d%3D%22M14.871%2026.238a5.3%205.3%200%200%200-1.898.43l-9.694%204A5.33%205.33%200%200%200%200%2035.561v.441a3.08%203.08%200%200%201%205.334-2.066L88%20125.334a8%208%200%200%200%209.094%201.547l26.373-12.694a8%208%200%200%200%204.533-7.212v-.307a5.053%205.053%200%200%201-8.254%203.906l-99.08-81.24l-2.172-1.865a5.33%205.33%200%200%200-3.623-1.23z%22%2F%3E%3Cpath%20fill%3D%22%23b179f1%22%20d%3D%22M94.75.416a8%208%200%200%200-5.674%201.469A4.693%204.693%200%200%201%2096%206.015v116a4.693%204.693%200%200%201-8%203.319a8%208%200%200%200%209.094%201.547l26.373-12.68a8%208%200%200%200%204.533-7.213V21.016a8%208%200%200%200-4.533-7.215L97.094%201.12A8%208%200%200%200%2094.75.416m-5.674%201.469A4.7%204.7%200%200%200%2088%202.668a8%208%200%200%201%201.076-.783%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZad1u4qS)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M94.145.348a8%208%200%200%200-3.026.386A8%208%200%200%200%2088%202.668L45.494%2049.682L20.666%2029.334l-2.172-1.865a5.33%205.33%200%200%200-4.814-1.108a3.4%203.4%200%200%200-.707.24l-9.694%204.067A5.33%205.33%200%200%200%200%2035.162v57.679a5.33%205.33%200%200%200%203.28%204.493l9.693%204a3.4%203.4%200%200%200%20.707.24a5.33%205.33%200%200%200%204.814-1.105l2.172-1.801l24.828-20.346L88%20125.334a8%208%200%200%200%203.854%202.135a8%208%200%200%200%205.24-.588l26.373-12.68a8%208%200%200%200%204.533-7.213V21.016a8%208%200%200%200-4.533-7.215L97.094%201.12a8%208%200%200%200-2.95-.773ZM96%2036.908v54.186L62.947%2064.002Zm-80%208.787l16.547%2018.307L16%2082.309Z%22%20opacity%3D%22.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/visualstudio.svg?color=%231a73e8&size=48