saucelabs logo
saucelabs from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- saucelabs
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the saucelabs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e12826" d="m31.276 165.045l68.21.031l-38.203 72.053C6.17 203.483-15.225 134.044 11.39 75.216c29.127-64.365 104.908-92.931 169.274-63.81L57.898 134.17h109.306l-80.383 81.18l33.193-62.626H40.48a92.4 92.4 0 0 1-3.378-24.73c.063-50.165 40.714-90.822 90.88-90.886c1.07 0 2.122.07 3.186.07l11.702-11.72a101 101 0 0 0-14.678-1.065c-57.12 0-103.742 46.476-103.742 103.601a102.6 102.6 0 0 0 6.826 37.05m163.41-146.19c55.15 33.646 76.552 103.124 49.905 161.97c-29.146 64.353-104.94 92.9-169.293 63.754l121.83-122.766H87.521l81.62-81.23l-33.207 62.69h79.523c3.416 11.497 3.416 24.722 3.416 24.722c-.064 50.166-40.72 90.816-90.886 90.88c-1.199 0-2.39-.083-3.582-.083l-11.587 11.702a105 105 0 0 0 15.169 1.103a103.6 103.6 0 0 0 37.26-6.91c53.352-20.535 79.955-80.426 59.42-133.779h-68.19z"/></svg>
React
import type { SVGProps } from "react";
export function LogosSaucelabs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e12826" d="m31.276 165.045l68.21.031l-38.203 72.053C6.17 203.483-15.225 134.044 11.39 75.216c29.127-64.365 104.908-92.931 169.274-63.81L57.898 134.17h109.306l-80.383 81.18l33.193-62.626H40.48a92.4 92.4 0 0 1-3.378-24.73c.063-50.165 40.714-90.822 90.88-90.886c1.07 0 2.122.07 3.186.07l11.702-11.72a101 101 0 0 0-14.678-1.065c-57.12 0-103.742 46.476-103.742 103.601a102.6 102.6 0 0 0 6.826 37.05m163.41-146.19c55.15 33.646 76.552 103.124 49.905 161.97c-29.146 64.353-104.94 92.9-169.293 63.754l121.83-122.766H87.521l81.62-81.23l-33.207 62.69h79.523c3.416 11.497 3.416 24.722 3.416 24.722c-.064 50.166-40.72 90.816-90.886 90.88c-1.199 0-2.39-.083-3.582-.083l-11.587 11.702a105 105 0 0 0 15.169 1.103a103.6 103.6 0 0 0 37.26-6.91c53.352-20.535 79.955-80.426 59.42-133.779h-68.19z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e12826" d="m31.276 165.045l68.21.031l-38.203 72.053C6.17 203.483-15.225 134.044 11.39 75.216c29.127-64.365 104.908-92.931 169.274-63.81L57.898 134.17h109.306l-80.383 81.18l33.193-62.626H40.48a92.4 92.4 0 0 1-3.378-24.73c.063-50.165 40.714-90.822 90.88-90.886c1.07 0 2.122.07 3.186.07l11.702-11.72a101 101 0 0 0-14.678-1.065c-57.12 0-103.742 46.476-103.742 103.601a102.6 102.6 0 0 0 6.826 37.05m163.41-146.19c55.15 33.646 76.552 103.124 49.905 161.97c-29.146 64.353-104.94 92.9-169.293 63.754l121.83-122.766H87.521l81.62-81.23l-33.207 62.69h79.523c3.416 11.497 3.416 24.722 3.416 24.722c-.064 50.166-40.72 90.816-90.886 90.88c-1.199 0-2.39-.083-3.582-.083l-11.587 11.702a105 105 0 0 0 15.169 1.103a103.6 103.6 0 0 0 37.26-6.91c53.352-20.535 79.955-80.426 59.42-133.779h-68.19z"/></svg> </template>
CSS
.icon-saucelabs {
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%3Cpath%20fill%3D%22%23e12826%22%20d%3D%22m31.276%20165.045l68.21.031l-38.203%2072.053C6.17%20203.483-15.225%20134.044%2011.39%2075.216c29.127-64.365%20104.908-92.931%20169.274-63.81L57.898%20134.17h109.306l-80.383%2081.18l33.193-62.626H40.48a92.4%2092.4%200%200%201-3.378-24.73c.063-50.165%2040.714-90.822%2090.88-90.886c1.07%200%202.122.07%203.186.07l11.702-11.72a101%20101%200%200%200-14.678-1.065c-57.12%200-103.742%2046.476-103.742%20103.601a102.6%20102.6%200%200%200%206.826%2037.05m163.41-146.19c55.15%2033.646%2076.552%20103.124%2049.905%20161.97c-29.146%2064.353-104.94%2092.9-169.293%2063.754l121.83-122.766H87.521l81.62-81.23l-33.207%2062.69h79.523c3.416%2011.497%203.416%2024.722%203.416%2024.722c-.064%2050.166-40.72%2090.816-90.886%2090.88c-1.199%200-2.39-.083-3.582-.083l-11.587%2011.702a105%20105%200%200%200%2015.169%201.103a103.6%20103.6%200%200%200%2037.26-6.91c53.352-20.535%2079.955-80.426%2059.42-133.779h-68.19z%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%3Cpath%20fill%3D%22%23e12826%22%20d%3D%22m31.276%20165.045l68.21.031l-38.203%2072.053C6.17%20203.483-15.225%20134.044%2011.39%2075.216c29.127-64.365%20104.908-92.931%20169.274-63.81L57.898%20134.17h109.306l-80.383%2081.18l33.193-62.626H40.48a92.4%2092.4%200%200%201-3.378-24.73c.063-50.165%2040.714-90.822%2090.88-90.886c1.07%200%202.122.07%203.186.07l11.702-11.72a101%20101%200%200%200-14.678-1.065c-57.12%200-103.742%2046.476-103.742%20103.601a102.6%20102.6%200%200%200%206.826%2037.05m163.41-146.19c55.15%2033.646%2076.552%20103.124%2049.905%20161.97c-29.146%2064.353-104.94%2092.9-169.293%2063.754l121.83-122.766H87.521l81.62-81.23l-33.207%2062.69h79.523c3.416%2011.497%203.416%2024.722%203.416%2024.722c-.064%2050.166-40.72%2090.816-90.886%2090.88c-1.199%200-2.39-.083-3.582-.083l-11.587%2011.702a105%20105%200%200%200%2015.169%201.103a103.6%20103.6%200%200%200%2037.26-6.91c53.352-20.535%2079.955-80.426%2059.42-133.779h-68.19z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/saucelabs.svg?color=%231a73e8&size=48
