visual studio code logo
visual-studio-code from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- visual-studio-code
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×254
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the visual studio code logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 254"><defs><linearGradient id="SVG6Q5wMbNQ" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></linearGradient><path id="SVGWhZ12djk" d="M180.828 252.605a15.87 15.87 0 0 0 12.65-.486l52.501-25.262a15.94 15.94 0 0 0 9.025-14.364V41.197a15.94 15.94 0 0 0-9.025-14.363l-52.5-25.263a15.88 15.88 0 0 0-18.115 3.084L74.857 96.35l-43.78-33.232a10.614 10.614 0 0 0-13.56.603L3.476 76.494c-4.63 4.211-4.635 11.495-.012 15.713l37.967 34.638l-37.967 34.637c-4.623 4.219-4.618 11.502.012 15.714l14.041 12.772a10.614 10.614 0 0 0 13.56.604l43.78-33.233l100.507 91.695a15.85 15.85 0 0 0 5.464 3.571m10.464-183.649l-76.262 57.889l76.262 57.888z"/></defs><mask id="SVGSAQ58H2f" fill="#fff"><use href="#SVGWhZ12djk"/></mask><path fill="#0065a9" d="M246.135 26.873L193.593 1.575a15.885 15.885 0 0 0-18.123 3.08L3.466 161.482c-4.626 4.219-4.62 11.502.012 15.714l14.05 12.772a10.625 10.625 0 0 0 13.569.604L238.229 33.436c6.949-5.271 16.93-.315 16.93 8.407v-.61a15.94 15.94 0 0 0-9.024-14.36" mask="url(#SVGSAQ58H2f)"/><path fill="#007acc" d="m246.135 226.816l-52.542 25.298a15.89 15.89 0 0 1-18.123-3.08L3.466 92.207c-4.626-4.218-4.62-11.502.012-15.713l14.05-12.773a10.625 10.625 0 0 1 13.569-.603l207.132 157.135c6.949 5.271 16.93.315 16.93-8.408v.611a15.94 15.94 0 0 1-9.024 14.36" mask="url(#SVGSAQ58H2f)"/><path fill="#1f9cf0" d="M193.428 252.134a15.89 15.89 0 0 1-18.125-3.083c5.881 5.88 15.938 1.715 15.938-6.603V11.273c0-8.318-10.057-12.483-15.938-6.602a15.89 15.89 0 0 1 18.125-3.084l52.533 25.263a15.94 15.94 0 0 1 9.03 14.363V212.51c0 6.125-3.51 11.709-9.03 14.363z" mask="url(#SVGSAQ58H2f)"/><path fill="url(#SVG6Q5wMbNQ)" fill-opacity=".25" d="M180.828 252.605a15.87 15.87 0 0 0 12.65-.486l52.5-25.263a15.94 15.94 0 0 0 9.026-14.363V41.197a15.94 15.94 0 0 0-9.025-14.363L193.477 1.57a15.88 15.88 0 0 0-18.114 3.084L74.857 96.35l-43.78-33.232a10.614 10.614 0 0 0-13.56.603L3.476 76.494c-4.63 4.211-4.635 11.495-.012 15.713l37.967 34.638l-37.967 34.637c-4.623 4.219-4.618 11.502.012 15.714l14.041 12.772a10.614 10.614 0 0 0 13.56.604l43.78-33.233l100.506 91.695a15.9 15.9 0 0 0 5.465 3.571m10.464-183.65l-76.262 57.89l76.262 57.888z" mask="url(#SVGSAQ58H2f)"/></svg>
React
import type { SVGProps } from "react";
export function LogosVisualStudioCode(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 254"><defs><linearGradient id="SVG6Q5wMbNQ" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stopColor="#fff"/><stop offset="100%" stopColor="#fff" stopOpacity="0"/></linearGradient><path id="SVGWhZ12djk" d="M180.828 252.605a15.87 15.87 0 0 0 12.65-.486l52.501-25.262a15.94 15.94 0 0 0 9.025-14.364V41.197a15.94 15.94 0 0 0-9.025-14.363l-52.5-25.263a15.88 15.88 0 0 0-18.115 3.084L74.857 96.35l-43.78-33.232a10.614 10.614 0 0 0-13.56.603L3.476 76.494c-4.63 4.211-4.635 11.495-.012 15.713l37.967 34.638l-37.967 34.637c-4.623 4.219-4.618 11.502.012 15.714l14.041 12.772a10.614 10.614 0 0 0 13.56.604l43.78-33.233l100.507 91.695a15.85 15.85 0 0 0 5.464 3.571m10.464-183.649l-76.262 57.889l76.262 57.888z"/></defs><mask id="SVGSAQ58H2f" fill="#fff"><use href="#SVGWhZ12djk"/></mask><path fill="#0065a9" d="M246.135 26.873L193.593 1.575a15.885 15.885 0 0 0-18.123 3.08L3.466 161.482c-4.626 4.219-4.62 11.502.012 15.714l14.05 12.772a10.625 10.625 0 0 0 13.569.604L238.229 33.436c6.949-5.271 16.93-.315 16.93 8.407v-.61a15.94 15.94 0 0 0-9.024-14.36" mask="url(#SVGSAQ58H2f)"/><path fill="#007acc" d="m246.135 226.816l-52.542 25.298a15.89 15.89 0 0 1-18.123-3.08L3.466 92.207c-4.626-4.218-4.62-11.502.012-15.713l14.05-12.773a10.625 10.625 0 0 1 13.569-.603l207.132 157.135c6.949 5.271 16.93.315 16.93-8.408v.611a15.94 15.94 0 0 1-9.024 14.36" mask="url(#SVGSAQ58H2f)"/><path fill="#1f9cf0" d="M193.428 252.134a15.89 15.89 0 0 1-18.125-3.083c5.881 5.88 15.938 1.715 15.938-6.603V11.273c0-8.318-10.057-12.483-15.938-6.602a15.89 15.89 0 0 1 18.125-3.084l52.533 25.263a15.94 15.94 0 0 1 9.03 14.363V212.51c0 6.125-3.51 11.709-9.03 14.363z" mask="url(#SVGSAQ58H2f)"/><path fill="url(#SVG6Q5wMbNQ)" fillOpacity=".25" d="M180.828 252.605a15.87 15.87 0 0 0 12.65-.486l52.5-25.263a15.94 15.94 0 0 0 9.026-14.363V41.197a15.94 15.94 0 0 0-9.025-14.363L193.477 1.57a15.88 15.88 0 0 0-18.114 3.084L74.857 96.35l-43.78-33.232a10.614 10.614 0 0 0-13.56.603L3.476 76.494c-4.63 4.211-4.635 11.495-.012 15.713l37.967 34.638l-37.967 34.637c-4.623 4.219-4.618 11.502.012 15.714l14.041 12.772a10.614 10.614 0 0 0 13.56.604l43.78-33.233l100.506 91.695a15.9 15.9 0 0 0 5.465 3.571m10.464-183.65l-76.262 57.89l76.262 57.888z" mask="url(#SVGSAQ58H2f)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 254"><defs><linearGradient id="SVG6Q5wMbNQ" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></linearGradient><path id="SVGWhZ12djk" d="M180.828 252.605a15.87 15.87 0 0 0 12.65-.486l52.501-25.262a15.94 15.94 0 0 0 9.025-14.364V41.197a15.94 15.94 0 0 0-9.025-14.363l-52.5-25.263a15.88 15.88 0 0 0-18.115 3.084L74.857 96.35l-43.78-33.232a10.614 10.614 0 0 0-13.56.603L3.476 76.494c-4.63 4.211-4.635 11.495-.012 15.713l37.967 34.638l-37.967 34.637c-4.623 4.219-4.618 11.502.012 15.714l14.041 12.772a10.614 10.614 0 0 0 13.56.604l43.78-33.233l100.507 91.695a15.85 15.85 0 0 0 5.464 3.571m10.464-183.649l-76.262 57.889l76.262 57.888z"/></defs><mask id="SVGSAQ58H2f" fill="#fff"><use href="#SVGWhZ12djk"/></mask><path fill="#0065a9" d="M246.135 26.873L193.593 1.575a15.885 15.885 0 0 0-18.123 3.08L3.466 161.482c-4.626 4.219-4.62 11.502.012 15.714l14.05 12.772a10.625 10.625 0 0 0 13.569.604L238.229 33.436c6.949-5.271 16.93-.315 16.93 8.407v-.61a15.94 15.94 0 0 0-9.024-14.36" mask="url(#SVGSAQ58H2f)"/><path fill="#007acc" d="m246.135 226.816l-52.542 25.298a15.89 15.89 0 0 1-18.123-3.08L3.466 92.207c-4.626-4.218-4.62-11.502.012-15.713l14.05-12.773a10.625 10.625 0 0 1 13.569-.603l207.132 157.135c6.949 5.271 16.93.315 16.93-8.408v.611a15.94 15.94 0 0 1-9.024 14.36" mask="url(#SVGSAQ58H2f)"/><path fill="#1f9cf0" d="M193.428 252.134a15.89 15.89 0 0 1-18.125-3.083c5.881 5.88 15.938 1.715 15.938-6.603V11.273c0-8.318-10.057-12.483-15.938-6.602a15.89 15.89 0 0 1 18.125-3.084l52.533 25.263a15.94 15.94 0 0 1 9.03 14.363V212.51c0 6.125-3.51 11.709-9.03 14.363z" mask="url(#SVGSAQ58H2f)"/><path fill="url(#SVG6Q5wMbNQ)" fill-opacity=".25" d="M180.828 252.605a15.87 15.87 0 0 0 12.65-.486l52.5-25.263a15.94 15.94 0 0 0 9.026-14.363V41.197a15.94 15.94 0 0 0-9.025-14.363L193.477 1.57a15.88 15.88 0 0 0-18.114 3.084L74.857 96.35l-43.78-33.232a10.614 10.614 0 0 0-13.56.603L3.476 76.494c-4.63 4.211-4.635 11.495-.012 15.713l37.967 34.638l-37.967 34.637c-4.623 4.219-4.618 11.502.012 15.714l14.041 12.772a10.614 10.614 0 0 0 13.56.604l43.78-33.233l100.506 91.695a15.9 15.9 0 0 0 5.465 3.571m10.464-183.65l-76.262 57.89l76.262 57.888z" mask="url(#SVGSAQ58H2f)"/></svg> </template>
CSS
.icon-visual-studio-code {
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%20256%20254%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6Q5wMbNQ%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22SVGWhZ12djk%22%20d%3D%22M180.828%20252.605a15.87%2015.87%200%200%200%2012.65-.486l52.501-25.262a15.94%2015.94%200%200%200%209.025-14.364V41.197a15.94%2015.94%200%200%200-9.025-14.363l-52.5-25.263a15.88%2015.88%200%200%200-18.115%203.084L74.857%2096.35l-43.78-33.232a10.614%2010.614%200%200%200-13.56.603L3.476%2076.494c-4.63%204.211-4.635%2011.495-.012%2015.713l37.967%2034.638l-37.967%2034.637c-4.623%204.219-4.618%2011.502.012%2015.714l14.041%2012.772a10.614%2010.614%200%200%200%2013.56.604l43.78-33.233l100.507%2091.695a15.85%2015.85%200%200%200%205.464%203.571m10.464-183.649l-76.262%2057.889l76.262%2057.888z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGSAQ58H2f%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGWhZ12djk%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%230065a9%22%20d%3D%22M246.135%2026.873L193.593%201.575a15.885%2015.885%200%200%200-18.123%203.08L3.466%20161.482c-4.626%204.219-4.62%2011.502.012%2015.714l14.05%2012.772a10.625%2010.625%200%200%200%2013.569.604L238.229%2033.436c6.949-5.271%2016.93-.315%2016.93%208.407v-.61a15.94%2015.94%200%200%200-9.024-14.36%22%20mask%3D%22url(%23SVGSAQ58H2f)%22%2F%3E%3Cpath%20fill%3D%22%23007acc%22%20d%3D%22m246.135%20226.816l-52.542%2025.298a15.89%2015.89%200%200%201-18.123-3.08L3.466%2092.207c-4.626-4.218-4.62-11.502.012-15.713l14.05-12.773a10.625%2010.625%200%200%201%2013.569-.603l207.132%20157.135c6.949%205.271%2016.93.315%2016.93-8.408v.611a15.94%2015.94%200%200%201-9.024%2014.36%22%20mask%3D%22url(%23SVGSAQ58H2f)%22%2F%3E%3Cpath%20fill%3D%22%231f9cf0%22%20d%3D%22M193.428%20252.134a15.89%2015.89%200%200%201-18.125-3.083c5.881%205.88%2015.938%201.715%2015.938-6.603V11.273c0-8.318-10.057-12.483-15.938-6.602a15.89%2015.89%200%200%201%2018.125-3.084l52.533%2025.263a15.94%2015.94%200%200%201%209.03%2014.363V212.51c0%206.125-3.51%2011.709-9.03%2014.363z%22%20mask%3D%22url(%23SVGSAQ58H2f)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6Q5wMbNQ)%22%20fill-opacity%3D%22.25%22%20d%3D%22M180.828%20252.605a15.87%2015.87%200%200%200%2012.65-.486l52.5-25.263a15.94%2015.94%200%200%200%209.026-14.363V41.197a15.94%2015.94%200%200%200-9.025-14.363L193.477%201.57a15.88%2015.88%200%200%200-18.114%203.084L74.857%2096.35l-43.78-33.232a10.614%2010.614%200%200%200-13.56.603L3.476%2076.494c-4.63%204.211-4.635%2011.495-.012%2015.713l37.967%2034.638l-37.967%2034.637c-4.623%204.219-4.618%2011.502.012%2015.714l14.041%2012.772a10.614%2010.614%200%200%200%2013.56.604l43.78-33.233l100.506%2091.695a15.9%2015.9%200%200%200%205.465%203.571m10.464-183.65l-76.262%2057.89l76.262%2057.888z%22%20mask%3D%22url(%23SVGSAQ58H2f)%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%20256%20254%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6Q5wMbNQ%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22SVGWhZ12djk%22%20d%3D%22M180.828%20252.605a15.87%2015.87%200%200%200%2012.65-.486l52.501-25.262a15.94%2015.94%200%200%200%209.025-14.364V41.197a15.94%2015.94%200%200%200-9.025-14.363l-52.5-25.263a15.88%2015.88%200%200%200-18.115%203.084L74.857%2096.35l-43.78-33.232a10.614%2010.614%200%200%200-13.56.603L3.476%2076.494c-4.63%204.211-4.635%2011.495-.012%2015.713l37.967%2034.638l-37.967%2034.637c-4.623%204.219-4.618%2011.502.012%2015.714l14.041%2012.772a10.614%2010.614%200%200%200%2013.56.604l43.78-33.233l100.507%2091.695a15.85%2015.85%200%200%200%205.464%203.571m10.464-183.649l-76.262%2057.889l76.262%2057.888z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGSAQ58H2f%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGWhZ12djk%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%230065a9%22%20d%3D%22M246.135%2026.873L193.593%201.575a15.885%2015.885%200%200%200-18.123%203.08L3.466%20161.482c-4.626%204.219-4.62%2011.502.012%2015.714l14.05%2012.772a10.625%2010.625%200%200%200%2013.569.604L238.229%2033.436c6.949-5.271%2016.93-.315%2016.93%208.407v-.61a15.94%2015.94%200%200%200-9.024-14.36%22%20mask%3D%22url(%23SVGSAQ58H2f)%22%2F%3E%3Cpath%20fill%3D%22%23007acc%22%20d%3D%22m246.135%20226.816l-52.542%2025.298a15.89%2015.89%200%200%201-18.123-3.08L3.466%2092.207c-4.626-4.218-4.62-11.502.012-15.713l14.05-12.773a10.625%2010.625%200%200%201%2013.569-.603l207.132%20157.135c6.949%205.271%2016.93.315%2016.93-8.408v.611a15.94%2015.94%200%200%201-9.024%2014.36%22%20mask%3D%22url(%23SVGSAQ58H2f)%22%2F%3E%3Cpath%20fill%3D%22%231f9cf0%22%20d%3D%22M193.428%20252.134a15.89%2015.89%200%200%201-18.125-3.083c5.881%205.88%2015.938%201.715%2015.938-6.603V11.273c0-8.318-10.057-12.483-15.938-6.602a15.89%2015.89%200%200%201%2018.125-3.084l52.533%2025.263a15.94%2015.94%200%200%201%209.03%2014.363V212.51c0%206.125-3.51%2011.709-9.03%2014.363z%22%20mask%3D%22url(%23SVGSAQ58H2f)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6Q5wMbNQ)%22%20fill-opacity%3D%22.25%22%20d%3D%22M180.828%20252.605a15.87%2015.87%200%200%200%2012.65-.486l52.5-25.263a15.94%2015.94%200%200%200%209.026-14.363V41.197a15.94%2015.94%200%200%200-9.025-14.363L193.477%201.57a15.88%2015.88%200%200%200-18.114%203.084L74.857%2096.35l-43.78-33.232a10.614%2010.614%200%200%200-13.56.603L3.476%2076.494c-4.63%204.211-4.635%2011.495-.012%2015.713l37.967%2034.638l-37.967%2034.637c-4.623%204.219-4.618%2011.502.012%2015.714l14.041%2012.772a10.614%2010.614%200%200%200%2013.56.604l43.78-33.233l100.506%2091.695a15.9%2015.9%200%200%200%205.465%203.571m10.464-183.65l-76.262%2057.89l76.262%2057.888z%22%20mask%3D%22url(%23SVGSAQ58H2f)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/visual-studio-code.svg?color=%231a73e8&size=48
