backbonejs logo

backbonejs from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: backbonejs
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

Use the backbonejs logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#002a41" d="M14.646 2.701v66.305l49.353 28.132V78.015l-33.017-18.82V29.633l33.017 18.821v-17.62z"/><path fill="#0071b5" d="M113.353 2.701v66.305L64 97.138V78.015l33.016-18.82V29.633L64 48.454v-17.62zM14.646 125.303V58.998l49.353-28.134v19.125L30.982 68.808v28.059l33.017-18.82v19.124z"/><path fill="#002a41" d="M113.353 125.303V58.998L64 30.864v19.125l33.016 18.819v28.059L64 78.047v19.124z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconBackbonejs(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#002a41" d="M14.646 2.701v66.305l49.353 28.132V78.015l-33.017-18.82V29.633l33.017 18.821v-17.62z"/><path fill="#0071b5" d="M113.353 2.701v66.305L64 97.138V78.015l33.016-18.82V29.633L64 48.454v-17.62zM14.646 125.303V58.998l49.353-28.134v19.125L30.982 68.808v28.059l33.017-18.82v19.124z"/><path fill="#002a41" d="M113.353 125.303V58.998L64 30.864v19.125l33.016 18.819v28.059L64 78.047v19.124z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#002a41" d="M14.646 2.701v66.305l49.353 28.132V78.015l-33.017-18.82V29.633l33.017 18.821v-17.62z"/><path fill="#0071b5" d="M113.353 2.701v66.305L64 97.138V78.015l33.016-18.82V29.633L64 48.454v-17.62zM14.646 125.303V58.998l49.353-28.134v19.125L30.982 68.808v28.059l33.017-18.82v19.124z"/><path fill="#002a41" d="M113.353 125.303V58.998L64 30.864v19.125l33.016 18.819v28.059L64 78.047v19.124z"/></svg>
</template>

CSS

.icon-backbonejs {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23002a41%22%20d%3D%22M14.646%202.701v66.305l49.353%2028.132V78.015l-33.017-18.82V29.633l33.017%2018.821v-17.62z%22%2F%3E%3Cpath%20fill%3D%22%230071b5%22%20d%3D%22M113.353%202.701v66.305L64%2097.138V78.015l33.016-18.82V29.633L64%2048.454v-17.62zM14.646%20125.303V58.998l49.353-28.134v19.125L30.982%2068.808v28.059l33.017-18.82v19.124z%22%2F%3E%3Cpath%20fill%3D%22%23002a41%22%20d%3D%22M113.353%20125.303V58.998L64%2030.864v19.125l33.016%2018.819v28.059L64%2078.047v19.124z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23002a41%22%20d%3D%22M14.646%202.701v66.305l49.353%2028.132V78.015l-33.017-18.82V29.633l33.017%2018.821v-17.62z%22%2F%3E%3Cpath%20fill%3D%22%230071b5%22%20d%3D%22M113.353%202.701v66.305L64%2097.138V78.015l33.016-18.82V29.633L64%2048.454v-17.62zM14.646%20125.303V58.998l49.353-28.134v19.125L30.982%2068.808v28.059l33.017-18.82v19.124z%22%2F%3E%3Cpath%20fill%3D%22%23002a41%22%20d%3D%22M113.353%20125.303V58.998L64%2030.864v19.125l33.016%2018.819v28.059L64%2078.047v19.124z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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