buck logo

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

Name
buck
Set
SVG Logos
Style
Color
Viewbox
256×223
License
CC0

Use the buck logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 223"><g fill="#4a69a5"><path d="M72.426 0h-18.56v52.508L76.5 75.142H49.34l-29.65-29.65V0H0v53.866l40.286 40.288h54.319l19.465 19.463H62.013l43.91 45.266l-64.28 63.825h25.351l64.276-64.729l-24.443-24.444h129.915v8.148L180.61 175.18l-47.076 47.53h26.706l32.138-32.592l63.374-38.024v-38.476h-59.75l-20.37-20.37l23.085-23.086V18.558h-19.24v43.005L160.695 80.12l-16.75-17.54V18.558h-18.107v52.51l42.337 42.549h-25.832L72.426 44.36z"/><path d="M170.652 145.304h-25.348l12.221 13.126z"/></g></svg>

React

import type { SVGProps } from "react";

export function LogosBuck(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 223"><g fill="#4a69a5"><path d="M72.426 0h-18.56v52.508L76.5 75.142H49.34l-29.65-29.65V0H0v53.866l40.286 40.288h54.319l19.465 19.463H62.013l43.91 45.266l-64.28 63.825h25.351l64.276-64.729l-24.443-24.444h129.915v8.148L180.61 175.18l-47.076 47.53h26.706l32.138-32.592l63.374-38.024v-38.476h-59.75l-20.37-20.37l23.085-23.086V18.558h-19.24v43.005L160.695 80.12l-16.75-17.54V18.558h-18.107v52.51l42.337 42.549h-25.832L72.426 44.36z"/><path d="M170.652 145.304h-25.348l12.221 13.126z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 223"><g fill="#4a69a5"><path d="M72.426 0h-18.56v52.508L76.5 75.142H49.34l-29.65-29.65V0H0v53.866l40.286 40.288h54.319l19.465 19.463H62.013l43.91 45.266l-64.28 63.825h25.351l64.276-64.729l-24.443-24.444h129.915v8.148L180.61 175.18l-47.076 47.53h26.706l32.138-32.592l63.374-38.024v-38.476h-59.75l-20.37-20.37l23.085-23.086V18.558h-19.24v43.005L160.695 80.12l-16.75-17.54V18.558h-18.107v52.51l42.337 42.549h-25.832L72.426 44.36z"/><path d="M170.652 145.304h-25.348l12.221 13.126z"/></g></svg>
</template>

CSS

.icon-buck {
  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%20223%22%3E%3Cg%20fill%3D%22%234a69a5%22%3E%3Cpath%20d%3D%22M72.426%200h-18.56v52.508L76.5%2075.142H49.34l-29.65-29.65V0H0v53.866l40.286%2040.288h54.319l19.465%2019.463H62.013l43.91%2045.266l-64.28%2063.825h25.351l64.276-64.729l-24.443-24.444h129.915v8.148L180.61%20175.18l-47.076%2047.53h26.706l32.138-32.592l63.374-38.024v-38.476h-59.75l-20.37-20.37l23.085-23.086V18.558h-19.24v43.005L160.695%2080.12l-16.75-17.54V18.558h-18.107v52.51l42.337%2042.549h-25.832L72.426%2044.36z%22%2F%3E%3Cpath%20d%3D%22M170.652%20145.304h-25.348l12.221%2013.126z%22%2F%3E%3C%2Fg%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%20223%22%3E%3Cg%20fill%3D%22%234a69a5%22%3E%3Cpath%20d%3D%22M72.426%200h-18.56v52.508L76.5%2075.142H49.34l-29.65-29.65V0H0v53.866l40.286%2040.288h54.319l19.465%2019.463H62.013l43.91%2045.266l-64.28%2063.825h25.351l64.276-64.729l-24.443-24.444h129.915v8.148L180.61%20175.18l-47.076%2047.53h26.706l32.138-32.592l63.374-38.024v-38.476h-59.75l-20.37-20.37l23.085-23.086V18.558h-19.24v43.005L160.695%2080.12l-16.75-17.54V18.558h-18.107v52.51l42.337%2042.549h-25.832L72.426%2044.36z%22%2F%3E%3Cpath%20d%3D%22M170.652%20145.304h-25.348l12.221%2013.126z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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