dockbit logo

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

Name
dockbit
Set
SVG Logos
Style
Color
Viewbox
256×286
License
CC0

Use the dockbit logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 286"><defs><linearGradient id="SVGbO4fAb2v" x1="77.041%" x2="22.841%" y1="13.184%" y2="87.539%"><stop offset="0%" stop-color="#7236dc"/><stop offset="100%" stop-color="#3f37ae"/></linearGradient></defs><path fill="url(#SVGbO4fAb2v)" d="M240.481 60.13L143.525 4.16a31.05 31.05 0 0 0-31.046 0L15.523 60.13A31.06 31.06 0 0 0 0 87.018v111.955c0 11.09 5.92 21.338 15.523 26.883l96.956 55.984a31.05 31.05 0 0 0 31.046 0l96.956-55.984A31.04 31.04 0 0 0 256 198.973V87.018a31.06 31.06 0 0 0-15.519-26.888m-9.315 135.918a9.32 9.32 0 0 1-4.658 8.07l-22.684 13.098a9.32 9.32 0 0 1-9.315 0l-22.688-13.098a9.32 9.32 0 0 1-4.654-8.07v-26.196c0-3.329 1.775-6.4 4.654-8.066l22.688-13.098a9.32 9.32 0 0 1 9.315 0l22.684 13.098a9.31 9.31 0 0 1 4.658 8.066z"/></svg>

React

import type { SVGProps } from "react";

export function LogosDockbit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 286"><defs><linearGradient id="SVGbO4fAb2v" x1="77.041%" x2="22.841%" y1="13.184%" y2="87.539%"><stop offset="0%" stopColor="#7236dc"/><stop offset="100%" stopColor="#3f37ae"/></linearGradient></defs><path fill="url(#SVGbO4fAb2v)" d="M240.481 60.13L143.525 4.16a31.05 31.05 0 0 0-31.046 0L15.523 60.13A31.06 31.06 0 0 0 0 87.018v111.955c0 11.09 5.92 21.338 15.523 26.883l96.956 55.984a31.05 31.05 0 0 0 31.046 0l96.956-55.984A31.04 31.04 0 0 0 256 198.973V87.018a31.06 31.06 0 0 0-15.519-26.888m-9.315 135.918a9.32 9.32 0 0 1-4.658 8.07l-22.684 13.098a9.32 9.32 0 0 1-9.315 0l-22.688-13.098a9.32 9.32 0 0 1-4.654-8.07v-26.196c0-3.329 1.775-6.4 4.654-8.066l22.688-13.098a9.32 9.32 0 0 1 9.315 0l22.684 13.098a9.31 9.31 0 0 1 4.658 8.066z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 286"><defs><linearGradient id="SVGbO4fAb2v" x1="77.041%" x2="22.841%" y1="13.184%" y2="87.539%"><stop offset="0%" stop-color="#7236dc"/><stop offset="100%" stop-color="#3f37ae"/></linearGradient></defs><path fill="url(#SVGbO4fAb2v)" d="M240.481 60.13L143.525 4.16a31.05 31.05 0 0 0-31.046 0L15.523 60.13A31.06 31.06 0 0 0 0 87.018v111.955c0 11.09 5.92 21.338 15.523 26.883l96.956 55.984a31.05 31.05 0 0 0 31.046 0l96.956-55.984A31.04 31.04 0 0 0 256 198.973V87.018a31.06 31.06 0 0 0-15.519-26.888m-9.315 135.918a9.32 9.32 0 0 1-4.658 8.07l-22.684 13.098a9.32 9.32 0 0 1-9.315 0l-22.688-13.098a9.32 9.32 0 0 1-4.654-8.07v-26.196c0-3.329 1.775-6.4 4.654-8.066l22.688-13.098a9.32 9.32 0 0 1 9.315 0l22.684 13.098a9.31 9.31 0 0 1 4.658 8.066z"/></svg>
</template>

CSS

.icon-dockbit {
  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%20286%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGbO4fAb2v%22%20x1%3D%2277.041%25%22%20x2%3D%2222.841%25%22%20y1%3D%2213.184%25%22%20y2%3D%2287.539%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%237236dc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233f37ae%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGbO4fAb2v)%22%20d%3D%22M240.481%2060.13L143.525%204.16a31.05%2031.05%200%200%200-31.046%200L15.523%2060.13A31.06%2031.06%200%200%200%200%2087.018v111.955c0%2011.09%205.92%2021.338%2015.523%2026.883l96.956%2055.984a31.05%2031.05%200%200%200%2031.046%200l96.956-55.984A31.04%2031.04%200%200%200%20256%20198.973V87.018a31.06%2031.06%200%200%200-15.519-26.888m-9.315%20135.918a9.32%209.32%200%200%201-4.658%208.07l-22.684%2013.098a9.32%209.32%200%200%201-9.315%200l-22.688-13.098a9.32%209.32%200%200%201-4.654-8.07v-26.196c0-3.329%201.775-6.4%204.654-8.066l22.688-13.098a9.32%209.32%200%200%201%209.315%200l22.684%2013.098a9.31%209.31%200%200%201%204.658%208.066z%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%20286%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGbO4fAb2v%22%20x1%3D%2277.041%25%22%20x2%3D%2222.841%25%22%20y1%3D%2213.184%25%22%20y2%3D%2287.539%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%237236dc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233f37ae%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGbO4fAb2v)%22%20d%3D%22M240.481%2060.13L143.525%204.16a31.05%2031.05%200%200%200-31.046%200L15.523%2060.13A31.06%2031.06%200%200%200%200%2087.018v111.955c0%2011.09%205.92%2021.338%2015.523%2026.883l96.956%2055.984a31.05%2031.05%200%200%200%2031.046%200l96.956-55.984A31.04%2031.04%200%200%200%20256%20198.973V87.018a31.06%2031.06%200%200%200-15.519-26.888m-9.315%20135.918a9.32%209.32%200%200%201-4.658%208.07l-22.684%2013.098a9.32%209.32%200%200%201-9.315%200l-22.688-13.098a9.32%209.32%200%200%201-4.654-8.07v-26.196c0-3.329%201.775-6.4%204.654-8.066l22.688-13.098a9.32%209.32%200%200%201%209.315%200l22.684%2013.098a9.31%209.31%200%200%201%204.658%208.066z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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