dat logo

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

Name
dat
Set
SVG Logos
Style
Color
Viewbox
256×296
License
CC0

Use the dat logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><path d="M0 74.055l128-73.9l128 73.9v147.801l-128 73.902L0 221.856v-147.8z" fill="#FFF"/><path d="M128.236 15.042L13.212 81.657l.682 1.182l56.913 33.314l56.744-98.918l.685-2.193z" fill="#95CA71"/><path d="M128.156 15.15l.673 1.404l.511 130.016l-1.184 1.588l-1.798-.226l-56.232-32.12l58.03-100.662z" fill="#7DC262"/><path d="M128.085 62.817l.132 85.233l2.146-.373l72.334-41.493l-74.612-43.367z" fill="#67BC59"/><path d="M128.085 63.814l.151-48.772L243.27 81.6l-.954 1.325l-40.215 23.77l-74.016-42.881z" fill="#51B755"/><path d="M185.487 178.605l55.721 32.973l2.063 2.996l-115.038 66.528l2.045-6.646l55.21-95.851z" fill="#51B755"/><path d="M186.765 179.372l-54.443-31.184l-4.105-.137l-2.03 4.739l.512 124.222l1.518 4.09l58.548-101.73z" fill="#67BC59"/><path d="M128.217 148.05l-4.841 1.161l-69.78 40.896l72.08 42.43l2.54-.34V148.05z" fill="#95CA71"/><path d="M128.232 232.197v48.905l-115.02-66.537l2.3-2.731l38.34-22.494l74.38 42.857z" fill="#7DC262"/><path d="M243.27 81.6v132.973L128.217 148.05L243.271 81.6z" fill="#39B353"/><path d="M128.217 148.05L13.212 81.657v132.909l115.005-66.516z" fill="#B1D58B"/></svg>

React

import type { SVGProps } from "react";

export function LogosDat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><path d="M0 74.055l128-73.9l128 73.9v147.801l-128 73.902L0 221.856v-147.8z" fill="#FFF"/><path d="M128.236 15.042L13.212 81.657l.682 1.182l56.913 33.314l56.744-98.918l.685-2.193z" fill="#95CA71"/><path d="M128.156 15.15l.673 1.404l.511 130.016l-1.184 1.588l-1.798-.226l-56.232-32.12l58.03-100.662z" fill="#7DC262"/><path d="M128.085 62.817l.132 85.233l2.146-.373l72.334-41.493l-74.612-43.367z" fill="#67BC59"/><path d="M128.085 63.814l.151-48.772L243.27 81.6l-.954 1.325l-40.215 23.77l-74.016-42.881z" fill="#51B755"/><path d="M185.487 178.605l55.721 32.973l2.063 2.996l-115.038 66.528l2.045-6.646l55.21-95.851z" fill="#51B755"/><path d="M186.765 179.372l-54.443-31.184l-4.105-.137l-2.03 4.739l.512 124.222l1.518 4.09l58.548-101.73z" fill="#67BC59"/><path d="M128.217 148.05l-4.841 1.161l-69.78 40.896l72.08 42.43l2.54-.34V148.05z" fill="#95CA71"/><path d="M128.232 232.197v48.905l-115.02-66.537l2.3-2.731l38.34-22.494l74.38 42.857z" fill="#7DC262"/><path d="M243.27 81.6v132.973L128.217 148.05L243.271 81.6z" fill="#39B353"/><path d="M128.217 148.05L13.212 81.657v132.909l115.005-66.516z" fill="#B1D58B"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><path d="M0 74.055l128-73.9l128 73.9v147.801l-128 73.902L0 221.856v-147.8z" fill="#FFF"/><path d="M128.236 15.042L13.212 81.657l.682 1.182l56.913 33.314l56.744-98.918l.685-2.193z" fill="#95CA71"/><path d="M128.156 15.15l.673 1.404l.511 130.016l-1.184 1.588l-1.798-.226l-56.232-32.12l58.03-100.662z" fill="#7DC262"/><path d="M128.085 62.817l.132 85.233l2.146-.373l72.334-41.493l-74.612-43.367z" fill="#67BC59"/><path d="M128.085 63.814l.151-48.772L243.27 81.6l-.954 1.325l-40.215 23.77l-74.016-42.881z" fill="#51B755"/><path d="M185.487 178.605l55.721 32.973l2.063 2.996l-115.038 66.528l2.045-6.646l55.21-95.851z" fill="#51B755"/><path d="M186.765 179.372l-54.443-31.184l-4.105-.137l-2.03 4.739l.512 124.222l1.518 4.09l58.548-101.73z" fill="#67BC59"/><path d="M128.217 148.05l-4.841 1.161l-69.78 40.896l72.08 42.43l2.54-.34V148.05z" fill="#95CA71"/><path d="M128.232 232.197v48.905l-115.02-66.537l2.3-2.731l38.34-22.494l74.38 42.857z" fill="#7DC262"/><path d="M243.27 81.6v132.973L128.217 148.05L243.271 81.6z" fill="#39B353"/><path d="M128.217 148.05L13.212 81.657v132.909l115.005-66.516z" fill="#B1D58B"/></svg>
</template>

CSS

.icon-dat {
  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%20296%22%3E%3Cpath%20d%3D%22M0%2074.055l128-73.9l128%2073.9v147.801l-128%2073.902L0%20221.856v-147.8z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M128.236%2015.042L13.212%2081.657l.682%201.182l56.913%2033.314l56.744-98.918l.685-2.193z%22%20fill%3D%22%2395CA71%22%2F%3E%3Cpath%20d%3D%22M128.156%2015.15l.673%201.404l.511%20130.016l-1.184%201.588l-1.798-.226l-56.232-32.12l58.03-100.662z%22%20fill%3D%22%237DC262%22%2F%3E%3Cpath%20d%3D%22M128.085%2062.817l.132%2085.233l2.146-.373l72.334-41.493l-74.612-43.367z%22%20fill%3D%22%2367BC59%22%2F%3E%3Cpath%20d%3D%22M128.085%2063.814l.151-48.772L243.27%2081.6l-.954%201.325l-40.215%2023.77l-74.016-42.881z%22%20fill%3D%22%2351B755%22%2F%3E%3Cpath%20d%3D%22M185.487%20178.605l55.721%2032.973l2.063%202.996l-115.038%2066.528l2.045-6.646l55.21-95.851z%22%20fill%3D%22%2351B755%22%2F%3E%3Cpath%20d%3D%22M186.765%20179.372l-54.443-31.184l-4.105-.137l-2.03%204.739l.512%20124.222l1.518%204.09l58.548-101.73z%22%20fill%3D%22%2367BC59%22%2F%3E%3Cpath%20d%3D%22M128.217%20148.05l-4.841%201.161l-69.78%2040.896l72.08%2042.43l2.54-.34V148.05z%22%20fill%3D%22%2395CA71%22%2F%3E%3Cpath%20d%3D%22M128.232%20232.197v48.905l-115.02-66.537l2.3-2.731l38.34-22.494l74.38%2042.857z%22%20fill%3D%22%237DC262%22%2F%3E%3Cpath%20d%3D%22M243.27%2081.6v132.973L128.217%20148.05L243.271%2081.6z%22%20fill%3D%22%2339B353%22%2F%3E%3Cpath%20d%3D%22M128.217%20148.05L13.212%2081.657v132.909l115.005-66.516z%22%20fill%3D%22%23B1D58B%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%20296%22%3E%3Cpath%20d%3D%22M0%2074.055l128-73.9l128%2073.9v147.801l-128%2073.902L0%20221.856v-147.8z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M128.236%2015.042L13.212%2081.657l.682%201.182l56.913%2033.314l56.744-98.918l.685-2.193z%22%20fill%3D%22%2395CA71%22%2F%3E%3Cpath%20d%3D%22M128.156%2015.15l.673%201.404l.511%20130.016l-1.184%201.588l-1.798-.226l-56.232-32.12l58.03-100.662z%22%20fill%3D%22%237DC262%22%2F%3E%3Cpath%20d%3D%22M128.085%2062.817l.132%2085.233l2.146-.373l72.334-41.493l-74.612-43.367z%22%20fill%3D%22%2367BC59%22%2F%3E%3Cpath%20d%3D%22M128.085%2063.814l.151-48.772L243.27%2081.6l-.954%201.325l-40.215%2023.77l-74.016-42.881z%22%20fill%3D%22%2351B755%22%2F%3E%3Cpath%20d%3D%22M185.487%20178.605l55.721%2032.973l2.063%202.996l-115.038%2066.528l2.045-6.646l55.21-95.851z%22%20fill%3D%22%2351B755%22%2F%3E%3Cpath%20d%3D%22M186.765%20179.372l-54.443-31.184l-4.105-.137l-2.03%204.739l.512%20124.222l1.518%204.09l58.548-101.73z%22%20fill%3D%22%2367BC59%22%2F%3E%3Cpath%20d%3D%22M128.217%20148.05l-4.841%201.161l-69.78%2040.896l72.08%2042.43l2.54-.34V148.05z%22%20fill%3D%22%2395CA71%22%2F%3E%3Cpath%20d%3D%22M128.232%20232.197v48.905l-115.02-66.537l2.3-2.731l38.34-22.494l74.38%2042.857z%22%20fill%3D%22%237DC262%22%2F%3E%3Cpath%20d%3D%22M243.27%2081.6v132.973L128.217%20148.05L243.271%2081.6z%22%20fill%3D%22%2339B353%22%2F%3E%3Cpath%20d%3D%22M128.217%20148.05L13.212%2081.657v132.909l115.005-66.516z%22%20fill%3D%22%23B1D58B%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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