tuple logo

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

Name
tuple
Set
SVG Logos
Style
Color
Viewbox
512×191
License
CC0

Use the tuple logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 191"><path fill="#1f2e41" d="M209.623 80.368v51.562h21.731V80.368h17.225V63.803h-56.107v16.565zm49.84 23.454c0 19.46 11.256 29.354 31.15 29.354h.037c19.056 0 31.26-9.052 31.26-29.537V63.803h-21.727v39.066c0 8.942-1.91 13.34-9.528 13.34c-7.738 0-9.644-4.398-9.644-13.23V63.803h-21.548zm104.701-40.02c19.643 0 28.035 8.796 28.035 23.345v.367c0 14.219-9.455 22.208-27.082 22.208h-6.597v22.208h-21.512V63.803zm-1.026 16.126h-4.58v15.318h4.47c5.717 0 8.685-2.565 8.685-7.622v-.367c0-5.24-2.931-7.33-8.575-7.33m40.275 52.002V63.803h21.622v51.453h24.816v16.674zm58.636-68.127v68.127h49.95v-16.564h-28.401V105.14h21.328V90.006h-21.328v-9.638h26.862V63.803z"/><path fill="#bfc6f1" d="m29.318 65.965l87.953-29.318v153.919l-87.953-29.318z"/><path fill="#4652af" d="M0 29.318L87.953 0v153.919L0 124.601z"/></svg>

React

import type { SVGProps } from "react";

export function LogosTuple(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 191"><path fill="#1f2e41" d="M209.623 80.368v51.562h21.731V80.368h17.225V63.803h-56.107v16.565zm49.84 23.454c0 19.46 11.256 29.354 31.15 29.354h.037c19.056 0 31.26-9.052 31.26-29.537V63.803h-21.727v39.066c0 8.942-1.91 13.34-9.528 13.34c-7.738 0-9.644-4.398-9.644-13.23V63.803h-21.548zm104.701-40.02c19.643 0 28.035 8.796 28.035 23.345v.367c0 14.219-9.455 22.208-27.082 22.208h-6.597v22.208h-21.512V63.803zm-1.026 16.126h-4.58v15.318h4.47c5.717 0 8.685-2.565 8.685-7.622v-.367c0-5.24-2.931-7.33-8.575-7.33m40.275 52.002V63.803h21.622v51.453h24.816v16.674zm58.636-68.127v68.127h49.95v-16.564h-28.401V105.14h21.328V90.006h-21.328v-9.638h26.862V63.803z"/><path fill="#bfc6f1" d="m29.318 65.965l87.953-29.318v153.919l-87.953-29.318z"/><path fill="#4652af" d="M0 29.318L87.953 0v153.919L0 124.601z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 191"><path fill="#1f2e41" d="M209.623 80.368v51.562h21.731V80.368h17.225V63.803h-56.107v16.565zm49.84 23.454c0 19.46 11.256 29.354 31.15 29.354h.037c19.056 0 31.26-9.052 31.26-29.537V63.803h-21.727v39.066c0 8.942-1.91 13.34-9.528 13.34c-7.738 0-9.644-4.398-9.644-13.23V63.803h-21.548zm104.701-40.02c19.643 0 28.035 8.796 28.035 23.345v.367c0 14.219-9.455 22.208-27.082 22.208h-6.597v22.208h-21.512V63.803zm-1.026 16.126h-4.58v15.318h4.47c5.717 0 8.685-2.565 8.685-7.622v-.367c0-5.24-2.931-7.33-8.575-7.33m40.275 52.002V63.803h21.622v51.453h24.816v16.674zm58.636-68.127v68.127h49.95v-16.564h-28.401V105.14h21.328V90.006h-21.328v-9.638h26.862V63.803z"/><path fill="#bfc6f1" d="m29.318 65.965l87.953-29.318v153.919l-87.953-29.318z"/><path fill="#4652af" d="M0 29.318L87.953 0v153.919L0 124.601z"/></svg>
</template>

CSS

.icon-tuple {
  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%20512%20191%22%3E%3Cpath%20fill%3D%22%231f2e41%22%20d%3D%22M209.623%2080.368v51.562h21.731V80.368h17.225V63.803h-56.107v16.565zm49.84%2023.454c0%2019.46%2011.256%2029.354%2031.15%2029.354h.037c19.056%200%2031.26-9.052%2031.26-29.537V63.803h-21.727v39.066c0%208.942-1.91%2013.34-9.528%2013.34c-7.738%200-9.644-4.398-9.644-13.23V63.803h-21.548zm104.701-40.02c19.643%200%2028.035%208.796%2028.035%2023.345v.367c0%2014.219-9.455%2022.208-27.082%2022.208h-6.597v22.208h-21.512V63.803zm-1.026%2016.126h-4.58v15.318h4.47c5.717%200%208.685-2.565%208.685-7.622v-.367c0-5.24-2.931-7.33-8.575-7.33m40.275%2052.002V63.803h21.622v51.453h24.816v16.674zm58.636-68.127v68.127h49.95v-16.564h-28.401V105.14h21.328V90.006h-21.328v-9.638h26.862V63.803z%22%2F%3E%3Cpath%20fill%3D%22%23bfc6f1%22%20d%3D%22m29.318%2065.965l87.953-29.318v153.919l-87.953-29.318z%22%2F%3E%3Cpath%20fill%3D%22%234652af%22%20d%3D%22M0%2029.318L87.953%200v153.919L0%20124.601z%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%20512%20191%22%3E%3Cpath%20fill%3D%22%231f2e41%22%20d%3D%22M209.623%2080.368v51.562h21.731V80.368h17.225V63.803h-56.107v16.565zm49.84%2023.454c0%2019.46%2011.256%2029.354%2031.15%2029.354h.037c19.056%200%2031.26-9.052%2031.26-29.537V63.803h-21.727v39.066c0%208.942-1.91%2013.34-9.528%2013.34c-7.738%200-9.644-4.398-9.644-13.23V63.803h-21.548zm104.701-40.02c19.643%200%2028.035%208.796%2028.035%2023.345v.367c0%2014.219-9.455%2022.208-27.082%2022.208h-6.597v22.208h-21.512V63.803zm-1.026%2016.126h-4.58v15.318h4.47c5.717%200%208.685-2.565%208.685-7.622v-.367c0-5.24-2.931-7.33-8.575-7.33m40.275%2052.002V63.803h21.622v51.453h24.816v16.674zm58.636-68.127v68.127h49.95v-16.564h-28.401V105.14h21.328V90.006h-21.328v-9.638h26.862V63.803z%22%2F%3E%3Cpath%20fill%3D%22%23bfc6f1%22%20d%3D%22m29.318%2065.965l87.953-29.318v153.919l-87.953-29.318z%22%2F%3E%3Cpath%20fill%3D%22%234652af%22%20d%3D%22M0%2029.318L87.953%200v153.919L0%20124.601z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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