browserstack logo
browserstack from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- browserstack
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the browserstack logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGwZwAicDR" cx="50.141%" cy="50.003%" r="50.119%" fx="50.141%" fy="50.003%"><stop offset="0%" stop-color="#797979"/><stop offset="100%" stop-color="#4c4c4c"/></radialGradient></defs><circle cx="127.949" cy="128.603" r="127.397" fill="#f5bb60"/><circle cx="114.961" cy="115.615" r="114.685" fill="#e86f32"/><circle cx="130.16" cy="100.416" r="99.485" fill="#e53d42"/><circle cx="138.174" cy="108.43" r="91.471" fill="#bfd141"/><circle cx="131.542" cy="115.062" r="84.839" fill="#6db64c"/><circle cx="118.001" cy="101.798" r="71.298" fill="#afdbe7"/><circle cx="129.607" cy="89.915" r="59.691" fill="#57badf"/><circle cx="137.069" cy="97.376" r="52.506" fill="#02b2d6"/><circle cx="129.331" cy="104.837" r="44.768" fill="url(#SVGwZwAicDR)"/><circle cx="129.331" cy="104.837" r="44.768" fill="#231f20"/><path fill="#fff" d="M141.088 98.971c4.439 1.992 10.56-2.016 13.672-8.951s2.036-14.173-2.402-16.164c-4.44-1.992-10.56 2.016-13.672 8.951s-2.037 14.173 2.402 16.164"/></svg>
React
import type { SVGProps } from "react";
export function LogosBrowserstack(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGwZwAicDR" cx="50.141%" cy="50.003%" r="50.119%" fx="50.141%" fy="50.003%"><stop offset="0%" stopColor="#797979"/><stop offset="100%" stopColor="#4c4c4c"/></radialGradient></defs><circle cx="127.949" cy="128.603" r="127.397" fill="#f5bb60"/><circle cx="114.961" cy="115.615" r="114.685" fill="#e86f32"/><circle cx="130.16" cy="100.416" r="99.485" fill="#e53d42"/><circle cx="138.174" cy="108.43" r="91.471" fill="#bfd141"/><circle cx="131.542" cy="115.062" r="84.839" fill="#6db64c"/><circle cx="118.001" cy="101.798" r="71.298" fill="#afdbe7"/><circle cx="129.607" cy="89.915" r="59.691" fill="#57badf"/><circle cx="137.069" cy="97.376" r="52.506" fill="#02b2d6"/><circle cx="129.331" cy="104.837" r="44.768" fill="url(#SVGwZwAicDR)"/><circle cx="129.331" cy="104.837" r="44.768" fill="#231f20"/><path fill="#fff" d="M141.088 98.971c4.439 1.992 10.56-2.016 13.672-8.951s2.036-14.173-2.402-16.164c-4.44-1.992-10.56 2.016-13.672 8.951s-2.037 14.173 2.402 16.164"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGwZwAicDR" cx="50.141%" cy="50.003%" r="50.119%" fx="50.141%" fy="50.003%"><stop offset="0%" stop-color="#797979"/><stop offset="100%" stop-color="#4c4c4c"/></radialGradient></defs><circle cx="127.949" cy="128.603" r="127.397" fill="#f5bb60"/><circle cx="114.961" cy="115.615" r="114.685" fill="#e86f32"/><circle cx="130.16" cy="100.416" r="99.485" fill="#e53d42"/><circle cx="138.174" cy="108.43" r="91.471" fill="#bfd141"/><circle cx="131.542" cy="115.062" r="84.839" fill="#6db64c"/><circle cx="118.001" cy="101.798" r="71.298" fill="#afdbe7"/><circle cx="129.607" cy="89.915" r="59.691" fill="#57badf"/><circle cx="137.069" cy="97.376" r="52.506" fill="#02b2d6"/><circle cx="129.331" cy="104.837" r="44.768" fill="url(#SVGwZwAicDR)"/><circle cx="129.331" cy="104.837" r="44.768" fill="#231f20"/><path fill="#fff" d="M141.088 98.971c4.439 1.992 10.56-2.016 13.672-8.951s2.036-14.173-2.402-16.164c-4.44-1.992-10.56 2.016-13.672 8.951s-2.037 14.173 2.402 16.164"/></svg> </template>
CSS
.icon-browserstack {
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%20256%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGwZwAicDR%22%20cx%3D%2250.141%25%22%20cy%3D%2250.003%25%22%20r%3D%2250.119%25%22%20fx%3D%2250.141%25%22%20fy%3D%2250.003%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23797979%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%234c4c4c%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22127.949%22%20cy%3D%22128.603%22%20r%3D%22127.397%22%20fill%3D%22%23f5bb60%22%2F%3E%3Ccircle%20cx%3D%22114.961%22%20cy%3D%22115.615%22%20r%3D%22114.685%22%20fill%3D%22%23e86f32%22%2F%3E%3Ccircle%20cx%3D%22130.16%22%20cy%3D%22100.416%22%20r%3D%2299.485%22%20fill%3D%22%23e53d42%22%2F%3E%3Ccircle%20cx%3D%22138.174%22%20cy%3D%22108.43%22%20r%3D%2291.471%22%20fill%3D%22%23bfd141%22%2F%3E%3Ccircle%20cx%3D%22131.542%22%20cy%3D%22115.062%22%20r%3D%2284.839%22%20fill%3D%22%236db64c%22%2F%3E%3Ccircle%20cx%3D%22118.001%22%20cy%3D%22101.798%22%20r%3D%2271.298%22%20fill%3D%22%23afdbe7%22%2F%3E%3Ccircle%20cx%3D%22129.607%22%20cy%3D%2289.915%22%20r%3D%2259.691%22%20fill%3D%22%2357badf%22%2F%3E%3Ccircle%20cx%3D%22137.069%22%20cy%3D%2297.376%22%20r%3D%2252.506%22%20fill%3D%22%2302b2d6%22%2F%3E%3Ccircle%20cx%3D%22129.331%22%20cy%3D%22104.837%22%20r%3D%2244.768%22%20fill%3D%22url(%23SVGwZwAicDR)%22%2F%3E%3Ccircle%20cx%3D%22129.331%22%20cy%3D%22104.837%22%20r%3D%2244.768%22%20fill%3D%22%23231f20%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M141.088%2098.971c4.439%201.992%2010.56-2.016%2013.672-8.951s2.036-14.173-2.402-16.164c-4.44-1.992-10.56%202.016-13.672%208.951s-2.037%2014.173%202.402%2016.164%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%20256%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGwZwAicDR%22%20cx%3D%2250.141%25%22%20cy%3D%2250.003%25%22%20r%3D%2250.119%25%22%20fx%3D%2250.141%25%22%20fy%3D%2250.003%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23797979%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%234c4c4c%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22127.949%22%20cy%3D%22128.603%22%20r%3D%22127.397%22%20fill%3D%22%23f5bb60%22%2F%3E%3Ccircle%20cx%3D%22114.961%22%20cy%3D%22115.615%22%20r%3D%22114.685%22%20fill%3D%22%23e86f32%22%2F%3E%3Ccircle%20cx%3D%22130.16%22%20cy%3D%22100.416%22%20r%3D%2299.485%22%20fill%3D%22%23e53d42%22%2F%3E%3Ccircle%20cx%3D%22138.174%22%20cy%3D%22108.43%22%20r%3D%2291.471%22%20fill%3D%22%23bfd141%22%2F%3E%3Ccircle%20cx%3D%22131.542%22%20cy%3D%22115.062%22%20r%3D%2284.839%22%20fill%3D%22%236db64c%22%2F%3E%3Ccircle%20cx%3D%22118.001%22%20cy%3D%22101.798%22%20r%3D%2271.298%22%20fill%3D%22%23afdbe7%22%2F%3E%3Ccircle%20cx%3D%22129.607%22%20cy%3D%2289.915%22%20r%3D%2259.691%22%20fill%3D%22%2357badf%22%2F%3E%3Ccircle%20cx%3D%22137.069%22%20cy%3D%2297.376%22%20r%3D%2252.506%22%20fill%3D%22%2302b2d6%22%2F%3E%3Ccircle%20cx%3D%22129.331%22%20cy%3D%22104.837%22%20r%3D%2244.768%22%20fill%3D%22url(%23SVGwZwAicDR)%22%2F%3E%3Ccircle%20cx%3D%22129.331%22%20cy%3D%22104.837%22%20r%3D%2244.768%22%20fill%3D%22%23231f20%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M141.088%2098.971c4.439%201.992%2010.56-2.016%2013.672-8.951s2.036-14.173-2.402-16.164c-4.44-1.992-10.56%202.016-13.672%208.951s-2.037%2014.173%202.402%2016.164%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/browserstack.svg?color=%231a73e8&size=48
