data station logo

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

Name
data-station
Set
SVG Logos
Style
Color
Viewbox
256×321
License
CC0

Use the data station logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 321"><path fill="#252539" d="M253.874 117.16c1.174 0 2.126.952 2.126 2.126v34.204a53.58 53.58 0 0 1-22.283 43.49L63.056 319.797a1.701 1.701 0 0 1-2.695-1.38V258.07c0-1.093.525-2.12 1.411-2.759L252.63 117.562a2.13 2.13 0 0 1 1.245-.402m-.425-78.986a2.55 2.55 0 0 1 2.55 2.552v41.932c0 1.64-.788 3.18-2.118 4.139L2.696 267.99A1.701 1.701 0 0 1 0 266.611v-44.34c0-1.093.525-2.12 1.41-2.759L251.956 38.657a2.55 2.55 0 0 1 1.494-.483M176.459 0c1.175 0 2.127.952 2.127 2.126v59.779a3.4 3.4 0 0 1-1.41 2.757L2.698 190.768A1.701 1.701 0 0 1 0 189.389v-39.505a45.08 45.08 0 0 1 18.702-36.555L175.216.402A2.13 2.13 0 0 1 176.46 0"/></svg>

React

import type { SVGProps } from "react";

export function LogosDataStation(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 321"><path fill="#252539" d="M253.874 117.16c1.174 0 2.126.952 2.126 2.126v34.204a53.58 53.58 0 0 1-22.283 43.49L63.056 319.797a1.701 1.701 0 0 1-2.695-1.38V258.07c0-1.093.525-2.12 1.411-2.759L252.63 117.562a2.13 2.13 0 0 1 1.245-.402m-.425-78.986a2.55 2.55 0 0 1 2.55 2.552v41.932c0 1.64-.788 3.18-2.118 4.139L2.696 267.99A1.701 1.701 0 0 1 0 266.611v-44.34c0-1.093.525-2.12 1.41-2.759L251.956 38.657a2.55 2.55 0 0 1 1.494-.483M176.459 0c1.175 0 2.127.952 2.127 2.126v59.779a3.4 3.4 0 0 1-1.41 2.757L2.698 190.768A1.701 1.701 0 0 1 0 189.389v-39.505a45.08 45.08 0 0 1 18.702-36.555L175.216.402A2.13 2.13 0 0 1 176.46 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 321"><path fill="#252539" d="M253.874 117.16c1.174 0 2.126.952 2.126 2.126v34.204a53.58 53.58 0 0 1-22.283 43.49L63.056 319.797a1.701 1.701 0 0 1-2.695-1.38V258.07c0-1.093.525-2.12 1.411-2.759L252.63 117.562a2.13 2.13 0 0 1 1.245-.402m-.425-78.986a2.55 2.55 0 0 1 2.55 2.552v41.932c0 1.64-.788 3.18-2.118 4.139L2.696 267.99A1.701 1.701 0 0 1 0 266.611v-44.34c0-1.093.525-2.12 1.41-2.759L251.956 38.657a2.55 2.55 0 0 1 1.494-.483M176.459 0c1.175 0 2.127.952 2.127 2.126v59.779a3.4 3.4 0 0 1-1.41 2.757L2.698 190.768A1.701 1.701 0 0 1 0 189.389v-39.505a45.08 45.08 0 0 1 18.702-36.555L175.216.402A2.13 2.13 0 0 1 176.46 0"/></svg>
</template>

CSS

.icon-data-station {
  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%20321%22%3E%3Cpath%20fill%3D%22%23252539%22%20d%3D%22M253.874%20117.16c1.174%200%202.126.952%202.126%202.126v34.204a53.58%2053.58%200%200%201-22.283%2043.49L63.056%20319.797a1.701%201.701%200%200%201-2.695-1.38V258.07c0-1.093.525-2.12%201.411-2.759L252.63%20117.562a2.13%202.13%200%200%201%201.245-.402m-.425-78.986a2.55%202.55%200%200%201%202.55%202.552v41.932c0%201.64-.788%203.18-2.118%204.139L2.696%20267.99A1.701%201.701%200%200%201%200%20266.611v-44.34c0-1.093.525-2.12%201.41-2.759L251.956%2038.657a2.55%202.55%200%200%201%201.494-.483M176.459%200c1.175%200%202.127.952%202.127%202.126v59.779a3.4%203.4%200%200%201-1.41%202.757L2.698%20190.768A1.701%201.701%200%200%201%200%20189.389v-39.505a45.08%2045.08%200%200%201%2018.702-36.555L175.216.402A2.13%202.13%200%200%201%20176.46%200%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%20321%22%3E%3Cpath%20fill%3D%22%23252539%22%20d%3D%22M253.874%20117.16c1.174%200%202.126.952%202.126%202.126v34.204a53.58%2053.58%200%200%201-22.283%2043.49L63.056%20319.797a1.701%201.701%200%200%201-2.695-1.38V258.07c0-1.093.525-2.12%201.411-2.759L252.63%20117.562a2.13%202.13%200%200%201%201.245-.402m-.425-78.986a2.55%202.55%200%200%201%202.55%202.552v41.932c0%201.64-.788%203.18-2.118%204.139L2.696%20267.99A1.701%201.701%200%200%201%200%20266.611v-44.34c0-1.093.525-2.12%201.41-2.759L251.956%2038.657a2.55%202.55%200%200%201%201.494-.483M176.459%200c1.175%200%202.127.952%202.127%202.126v59.779a3.4%203.4%200%200%201-1.41%202.757L2.698%20190.768A1.701%201.701%200%200%201%200%20189.389v-39.505a45.08%2045.08%200%200%201%2018.702-36.555L175.216.402A2.13%202.13%200%200%201%20176.46%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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