visualstudio logo
visualstudio from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- visualstudio
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the visualstudio logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.583.063a1.5 1.5 0 0 0-1.032.392h-.001L16.5.5L8.528 9.316L3.875 5.5l-.407-.35a1 1 0 0 0-1.024-.154l-.012.005l-1.817.75l-.077.036l-.047.028l-.038.022l-.048.034l-.03.024l-.044.036l-.036.033l-.032.035l-.033.038l-.035.044l-.024.034l-.032.05l-.02.035l-.024.05l-.02.045l-.016.044l-.016.047l-.015.055l-.01.04l-.008.054l-.006.05L0 6.668v10.666a1 1 0 0 0 .615.917l1.817.764a1 1 0 0 0 1.035-.164l.408-.35l4.653-3.815l7.973 8.815l.072.065l.057.05l.058.042l.063.044l.065.038l.065.036l.068.031l.07.03l.073.025l.066.02l.08.02l.068.014l.075.01l.075.008l.073.003h.077l.078-.005l.067-.007l.087-.015l.06-.012l.08-.022l.068-.02l.07-.028l.09-.037l4.944-2.377a1.5 1.5 0 0 0 .476-.362a2 2 0 0 0 .09-.112l.004-.007a2 2 0 0 0 .08-.125a2 2 0 0 0 .062-.12l.009-.017l.04-.108l.015-.037l.03-.107l.009-.037l.017-.1l.008-.05l.006-.09l.004-.08V3.907a2 2 0 0 0-.01-.15a1.5 1.5 0 0 0-.84-1.17L18.206.21a1.5 1.5 0 0 0-.622-.146zM18 6.92v10.163l-6.198-5.08zM3 8.574l3.099 3.427l-3.1 3.426z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsVisualstudio(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.583.063a1.5 1.5 0 0 0-1.032.392h-.001L16.5.5L8.528 9.316L3.875 5.5l-.407-.35a1 1 0 0 0-1.024-.154l-.012.005l-1.817.75l-.077.036l-.047.028l-.038.022l-.048.034l-.03.024l-.044.036l-.036.033l-.032.035l-.033.038l-.035.044l-.024.034l-.032.05l-.02.035l-.024.05l-.02.045l-.016.044l-.016.047l-.015.055l-.01.04l-.008.054l-.006.05L0 6.668v10.666a1 1 0 0 0 .615.917l1.817.764a1 1 0 0 0 1.035-.164l.408-.35l4.653-3.815l7.973 8.815l.072.065l.057.05l.058.042l.063.044l.065.038l.065.036l.068.031l.07.03l.073.025l.066.02l.08.02l.068.014l.075.01l.075.008l.073.003h.077l.078-.005l.067-.007l.087-.015l.06-.012l.08-.022l.068-.02l.07-.028l.09-.037l4.944-2.377a1.5 1.5 0 0 0 .476-.362a2 2 0 0 0 .09-.112l.004-.007a2 2 0 0 0 .08-.125a2 2 0 0 0 .062-.12l.009-.017l.04-.108l.015-.037l.03-.107l.009-.037l.017-.1l.008-.05l.006-.09l.004-.08V3.907a2 2 0 0 0-.01-.15a1.5 1.5 0 0 0-.84-1.17L18.206.21a1.5 1.5 0 0 0-.622-.146zM18 6.92v10.163l-6.198-5.08zM3 8.574l3.099 3.427l-3.1 3.426z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.583.063a1.5 1.5 0 0 0-1.032.392h-.001L16.5.5L8.528 9.316L3.875 5.5l-.407-.35a1 1 0 0 0-1.024-.154l-.012.005l-1.817.75l-.077.036l-.047.028l-.038.022l-.048.034l-.03.024l-.044.036l-.036.033l-.032.035l-.033.038l-.035.044l-.024.034l-.032.05l-.02.035l-.024.05l-.02.045l-.016.044l-.016.047l-.015.055l-.01.04l-.008.054l-.006.05L0 6.668v10.666a1 1 0 0 0 .615.917l1.817.764a1 1 0 0 0 1.035-.164l.408-.35l4.653-3.815l7.973 8.815l.072.065l.057.05l.058.042l.063.044l.065.038l.065.036l.068.031l.07.03l.073.025l.066.02l.08.02l.068.014l.075.01l.075.008l.073.003h.077l.078-.005l.067-.007l.087-.015l.06-.012l.08-.022l.068-.02l.07-.028l.09-.037l4.944-2.377a1.5 1.5 0 0 0 .476-.362a2 2 0 0 0 .09-.112l.004-.007a2 2 0 0 0 .08-.125a2 2 0 0 0 .062-.12l.009-.017l.04-.108l.015-.037l.03-.107l.009-.037l.017-.1l.008-.05l.006-.09l.004-.08V3.907a2 2 0 0 0-.01-.15a1.5 1.5 0 0 0-.84-1.17L18.206.21a1.5 1.5 0 0 0-.622-.146zM18 6.92v10.163l-6.198-5.08zM3 8.574l3.099 3.427l-3.1 3.426z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.583.063a1.5%201.5%200%200%200-1.032.392h-.001L16.5.5L8.528%209.316L3.875%205.5l-.407-.35a1%201%200%200%200-1.024-.154l-.012.005l-1.817.75l-.077.036l-.047.028l-.038.022l-.048.034l-.03.024l-.044.036l-.036.033l-.032.035l-.033.038l-.035.044l-.024.034l-.032.05l-.02.035l-.024.05l-.02.045l-.016.044l-.016.047l-.015.055l-.01.04l-.008.054l-.006.05L0%206.668v10.666a1%201%200%200%200%20.615.917l1.817.764a1%201%200%200%200%201.035-.164l.408-.35l4.653-3.815l7.973%208.815l.072.065l.057.05l.058.042l.063.044l.065.038l.065.036l.068.031l.07.03l.073.025l.066.02l.08.02l.068.014l.075.01l.075.008l.073.003h.077l.078-.005l.067-.007l.087-.015l.06-.012l.08-.022l.068-.02l.07-.028l.09-.037l4.944-2.377a1.5%201.5%200%200%200%20.476-.362a2%202%200%200%200%20.09-.112l.004-.007a2%202%200%200%200%20.08-.125a2%202%200%200%200%20.062-.12l.009-.017l.04-.108l.015-.037l.03-.107l.009-.037l.017-.1l.008-.05l.006-.09l.004-.08V3.907a2%202%200%200%200-.01-.15a1.5%201.5%200%200%200-.84-1.17L18.206.21a1.5%201.5%200%200%200-.622-.146zM18%206.92v10.163l-6.198-5.08zM3%208.574l3.099%203.427l-3.1%203.426z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.583.063a1.5%201.5%200%200%200-1.032.392h-.001L16.5.5L8.528%209.316L3.875%205.5l-.407-.35a1%201%200%200%200-1.024-.154l-.012.005l-1.817.75l-.077.036l-.047.028l-.038.022l-.048.034l-.03.024l-.044.036l-.036.033l-.032.035l-.033.038l-.035.044l-.024.034l-.032.05l-.02.035l-.024.05l-.02.045l-.016.044l-.016.047l-.015.055l-.01.04l-.008.054l-.006.05L0%206.668v10.666a1%201%200%200%200%20.615.917l1.817.764a1%201%200%200%200%201.035-.164l.408-.35l4.653-3.815l7.973%208.815l.072.065l.057.05l.058.042l.063.044l.065.038l.065.036l.068.031l.07.03l.073.025l.066.02l.08.02l.068.014l.075.01l.075.008l.073.003h.077l.078-.005l.067-.007l.087-.015l.06-.012l.08-.022l.068-.02l.07-.028l.09-.037l4.944-2.377a1.5%201.5%200%200%200%20.476-.362a2%202%200%200%200%20.09-.112l.004-.007a2%202%200%200%200%20.08-.125a2%202%200%200%200%20.062-.12l.009-.017l.04-.108l.015-.037l.03-.107l.009-.037l.017-.1l.008-.05l.006-.09l.004-.08V3.907a2%202%200%200%200-.01-.15a1.5%201.5%200%200%200-.84-1.17L18.206.21a1.5%201.5%200%200%200-.622-.146zM18%206.92v10.163l-6.198-5.08zM3%208.574l3.099%203.427l-3.1%203.426z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/visualstudio.svg?color=%231a73e8&size=48
