browsersync logo

browsersync from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
browsersync
Set
SVG Logos
Style
Color
Viewbox
256×387
License
CC0

Use the browsersync logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 387"><path fill="#f14646" d="M146.438 115.038V382.03c0 2.837 2.836 4.61 5.318 3.191l102.471-55.667c1.064-.71 1.773-1.773 1.773-3.191V174.96c0-1.418-.71-2.482-1.773-3.191l-102.116-59.923c-2.482-1.418-5.673.355-5.673 3.191M131.9 383.094V3.704c0-2.483-2.482-4.256-4.964-3.546L2.482 46.252C1.064 46.96 0 48.025 0 49.797v288.621c0 1.418 1.064 2.837 2.482 3.546l124.454 44.676c2.482.709 4.964-1.064 4.964-3.546"/></svg>

React

import type { SVGProps } from "react";

export function LogosBrowsersync(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 387"><path fill="#f14646" d="M146.438 115.038V382.03c0 2.837 2.836 4.61 5.318 3.191l102.471-55.667c1.064-.71 1.773-1.773 1.773-3.191V174.96c0-1.418-.71-2.482-1.773-3.191l-102.116-59.923c-2.482-1.418-5.673.355-5.673 3.191M131.9 383.094V3.704c0-2.483-2.482-4.256-4.964-3.546L2.482 46.252C1.064 46.96 0 48.025 0 49.797v288.621c0 1.418 1.064 2.837 2.482 3.546l124.454 44.676c2.482.709 4.964-1.064 4.964-3.546"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 387"><path fill="#f14646" d="M146.438 115.038V382.03c0 2.837 2.836 4.61 5.318 3.191l102.471-55.667c1.064-.71 1.773-1.773 1.773-3.191V174.96c0-1.418-.71-2.482-1.773-3.191l-102.116-59.923c-2.482-1.418-5.673.355-5.673 3.191M131.9 383.094V3.704c0-2.483-2.482-4.256-4.964-3.546L2.482 46.252C1.064 46.96 0 48.025 0 49.797v288.621c0 1.418 1.064 2.837 2.482 3.546l124.454 44.676c2.482.709 4.964-1.064 4.964-3.546"/></svg>
</template>

CSS

.icon-browsersync {
  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%20387%22%3E%3Cpath%20fill%3D%22%23f14646%22%20d%3D%22M146.438%20115.038V382.03c0%202.837%202.836%204.61%205.318%203.191l102.471-55.667c1.064-.71%201.773-1.773%201.773-3.191V174.96c0-1.418-.71-2.482-1.773-3.191l-102.116-59.923c-2.482-1.418-5.673.355-5.673%203.191M131.9%20383.094V3.704c0-2.483-2.482-4.256-4.964-3.546L2.482%2046.252C1.064%2046.96%200%2048.025%200%2049.797v288.621c0%201.418%201.064%202.837%202.482%203.546l124.454%2044.676c2.482.709%204.964-1.064%204.964-3.546%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%20387%22%3E%3Cpath%20fill%3D%22%23f14646%22%20d%3D%22M146.438%20115.038V382.03c0%202.837%202.836%204.61%205.318%203.191l102.471-55.667c1.064-.71%201.773-1.773%201.773-3.191V174.96c0-1.418-.71-2.482-1.773-3.191l-102.116-59.923c-2.482-1.418-5.673.355-5.673%203.191M131.9%20383.094V3.704c0-2.483-2.482-4.256-4.964-3.546L2.482%2046.252C1.064%2046.96%200%2048.025%200%2049.797v288.621c0%201.418%201.064%202.837%202.482%203.546l124.454%2044.676c2.482.709%204.964-1.064%204.964-3.546%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/browsersync.svg?color=%231a73e8&size=48