visual studio logo

visual-studio from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: visual-studio
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

visual-studioBoxicons Brands visual-studioCatppuccin Icons visual-studioCoreUI Brands visual-studioSVG Logos visual-studioUnicons visual-studioUnicons Monochrome

Use the visual studio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M381.8 82.7c13.2 0-1.4-2.2 162.8 57c.7.4 1.1.4 1.8.8C564 147.8 576 165 576 184.7v267c0 19.7-12.1 36.9-29.6 44.2c-.4 0-1.1.4-2.9 1.1L399 548.6c-5.5 2.2-11.3 3.3-17.2 3.3c-16.8 0-31.8-8.8-40.2-22c-.5-.5-6.2-10.3-10.2-16.1c-1.1-1.5-1.8-2.9-2.9-4.4l-172-289.9c-10.6-18.3-28.5-29.7-48.3-32.6l92.2-45l.4-.4c6.2-2.9 13.5-4.8 20.8-4.8c16.1 0 30.3 8 39.1 20.1v.4l169 238.1v-166l-36.6 51.6l-84.9-119.6l31.8-54.9c.7-.7 1.1-1.4 1.4-1.8c8.4-13.2 23.4-21.9 40.2-21.9zm-117 390.9l-4 5.5v.3c-8.8 12.1-23 20.1-39.1 20.1c-7.3 0-14.6-1.8-20.8-4.7l-.4-.4l-92.9-45c20.1-2.9 38-13.9 49-32.6l17.2-28.5l20.5-34.4l70.6 119.6zM88.1 223.1c11.7-2.9 27.8-.7 36.9 15l47.9 80.1l-47.9 80.1c-6.9 12.1-17.5 16.5-27.4 16.5c-3.3 0-6.6-.7-9.5-1.5C76.4 410 64 400.1 64 381.5V254.9c0-18.6 12.4-28.5 24.1-31.8"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsVisualStudio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M381.8 82.7c13.2 0-1.4-2.2 162.8 57c.7.4 1.1.4 1.8.8C564 147.8 576 165 576 184.7v267c0 19.7-12.1 36.9-29.6 44.2c-.4 0-1.1.4-2.9 1.1L399 548.6c-5.5 2.2-11.3 3.3-17.2 3.3c-16.8 0-31.8-8.8-40.2-22c-.5-.5-6.2-10.3-10.2-16.1c-1.1-1.5-1.8-2.9-2.9-4.4l-172-289.9c-10.6-18.3-28.5-29.7-48.3-32.6l92.2-45l.4-.4c6.2-2.9 13.5-4.8 20.8-4.8c16.1 0 30.3 8 39.1 20.1v.4l169 238.1v-166l-36.6 51.6l-84.9-119.6l31.8-54.9c.7-.7 1.1-1.4 1.4-1.8c8.4-13.2 23.4-21.9 40.2-21.9zm-117 390.9l-4 5.5v.3c-8.8 12.1-23 20.1-39.1 20.1c-7.3 0-14.6-1.8-20.8-4.7l-.4-.4l-92.9-45c20.1-2.9 38-13.9 49-32.6l17.2-28.5l20.5-34.4l70.6 119.6zM88.1 223.1c11.7-2.9 27.8-.7 36.9 15l47.9 80.1l-47.9 80.1c-6.9 12.1-17.5 16.5-27.4 16.5c-3.3 0-6.6-.7-9.5-1.5C76.4 410 64 400.1 64 381.5V254.9c0-18.6 12.4-28.5 24.1-31.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M381.8 82.7c13.2 0-1.4-2.2 162.8 57c.7.4 1.1.4 1.8.8C564 147.8 576 165 576 184.7v267c0 19.7-12.1 36.9-29.6 44.2c-.4 0-1.1.4-2.9 1.1L399 548.6c-5.5 2.2-11.3 3.3-17.2 3.3c-16.8 0-31.8-8.8-40.2-22c-.5-.5-6.2-10.3-10.2-16.1c-1.1-1.5-1.8-2.9-2.9-4.4l-172-289.9c-10.6-18.3-28.5-29.7-48.3-32.6l92.2-45l.4-.4c6.2-2.9 13.5-4.8 20.8-4.8c16.1 0 30.3 8 39.1 20.1v.4l169 238.1v-166l-36.6 51.6l-84.9-119.6l31.8-54.9c.7-.7 1.1-1.4 1.4-1.8c8.4-13.2 23.4-21.9 40.2-21.9zm-117 390.9l-4 5.5v.3c-8.8 12.1-23 20.1-39.1 20.1c-7.3 0-14.6-1.8-20.8-4.7l-.4-.4l-92.9-45c20.1-2.9 38-13.9 49-32.6l17.2-28.5l20.5-34.4l70.6 119.6zM88.1 223.1c11.7-2.9 27.8-.7 36.9 15l47.9 80.1l-47.9 80.1c-6.9 12.1-17.5 16.5-27.4 16.5c-3.3 0-6.6-.7-9.5-1.5C76.4 410 64 400.1 64 381.5V254.9c0-18.6 12.4-28.5 24.1-31.8"/></svg>
</template>

CSS

.icon-visual-studio {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M381.8%2082.7c13.2%200-1.4-2.2%20162.8%2057c.7.4%201.1.4%201.8.8C564%20147.8%20576%20165%20576%20184.7v267c0%2019.7-12.1%2036.9-29.6%2044.2c-.4%200-1.1.4-2.9%201.1L399%20548.6c-5.5%202.2-11.3%203.3-17.2%203.3c-16.8%200-31.8-8.8-40.2-22c-.5-.5-6.2-10.3-10.2-16.1c-1.1-1.5-1.8-2.9-2.9-4.4l-172-289.9c-10.6-18.3-28.5-29.7-48.3-32.6l92.2-45l.4-.4c6.2-2.9%2013.5-4.8%2020.8-4.8c16.1%200%2030.3%208%2039.1%2020.1v.4l169%20238.1v-166l-36.6%2051.6l-84.9-119.6l31.8-54.9c.7-.7%201.1-1.4%201.4-1.8c8.4-13.2%2023.4-21.9%2040.2-21.9zm-117%20390.9l-4%205.5v.3c-8.8%2012.1-23%2020.1-39.1%2020.1c-7.3%200-14.6-1.8-20.8-4.7l-.4-.4l-92.9-45c20.1-2.9%2038-13.9%2049-32.6l17.2-28.5l20.5-34.4l70.6%20119.6zM88.1%20223.1c11.7-2.9%2027.8-.7%2036.9%2015l47.9%2080.1l-47.9%2080.1c-6.9%2012.1-17.5%2016.5-27.4%2016.5c-3.3%200-6.6-.7-9.5-1.5C76.4%20410%2064%20400.1%2064%20381.5V254.9c0-18.6%2012.4-28.5%2024.1-31.8%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M381.8%2082.7c13.2%200-1.4-2.2%20162.8%2057c.7.4%201.1.4%201.8.8C564%20147.8%20576%20165%20576%20184.7v267c0%2019.7-12.1%2036.9-29.6%2044.2c-.4%200-1.1.4-2.9%201.1L399%20548.6c-5.5%202.2-11.3%203.3-17.2%203.3c-16.8%200-31.8-8.8-40.2-22c-.5-.5-6.2-10.3-10.2-16.1c-1.1-1.5-1.8-2.9-2.9-4.4l-172-289.9c-10.6-18.3-28.5-29.7-48.3-32.6l92.2-45l.4-.4c6.2-2.9%2013.5-4.8%2020.8-4.8c16.1%200%2030.3%208%2039.1%2020.1v.4l169%20238.1v-166l-36.6%2051.6l-84.9-119.6l31.8-54.9c.7-.7%201.1-1.4%201.4-1.8c8.4-13.2%2023.4-21.9%2040.2-21.9zm-117%20390.9l-4%205.5v.3c-8.8%2012.1-23%2020.1-39.1%2020.1c-7.3%200-14.6-1.8-20.8-4.7l-.4-.4l-92.9-45c20.1-2.9%2038-13.9%2049-32.6l17.2-28.5l20.5-34.4l70.6%20119.6zM88.1%20223.1c11.7-2.9%2027.8-.7%2036.9%2015l47.9%2080.1l-47.9%2080.1c-6.9%2012.1-17.5%2016.5-27.4%2016.5c-3.3%200-6.6-.7-9.5-1.5C76.4%20410%2064%20400.1%2064%20381.5V254.9c0-18.6%2012.4-28.5%2024.1-31.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/visual-studio.svg?color=%231a73e8&size=48