d3 logo

d3-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.

Name: d3-dark
Set: Skill Icons
Style: Dark
Viewbox: 256×256
License: MIT

1 other variant in Skill Icons

The same logo in other sets

d3SVG Logos d3Simple Icons d3-outlineTeenyicons

Use the d3 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#f9a03c" d="M136.747 127.656C136.747 85.874 102.8 52 60.913 52H48v33.256h12.92c23.474 0 42.5 18.982 42.5 42.4c0 23.419-19.026 42.401-42.5 42.401H48v33.256h12.92c41.874 0 75.827-33.874 75.827-75.657M208 98.146C208 72.658 187.286 52 161.747 52h-53.334a89.3 89.3 0 0 1 31.24 33.256h22.094c7.127 0 12.92 5.772 12.92 12.89c0 7.116-5.793 12.889-12.92 12.889h-12.92a89.1 89.1 0 0 1 0 33.255h12.92c7.12 0 12.92 5.767 12.92 12.891s-5.793 12.889-12.92 12.889h-22.094a89.3 89.3 0 0 1-31.24 33.255h53.334a46.34 46.34 0 0 0 29.586-10.674c19.621-16.296 22.307-45.388 5.967-64.981A46.14 46.14 0 0 0 208 98.145"/></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsD3Dark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#f9a03c" d="M136.747 127.656C136.747 85.874 102.8 52 60.913 52H48v33.256h12.92c23.474 0 42.5 18.982 42.5 42.4c0 23.419-19.026 42.401-42.5 42.401H48v33.256h12.92c41.874 0 75.827-33.874 75.827-75.657M208 98.146C208 72.658 187.286 52 161.747 52h-53.334a89.3 89.3 0 0 1 31.24 33.256h22.094c7.127 0 12.92 5.772 12.92 12.89c0 7.116-5.793 12.889-12.92 12.889h-12.92a89.1 89.1 0 0 1 0 33.255h12.92c7.12 0 12.92 5.767 12.92 12.891s-5.793 12.889-12.92 12.889h-22.094a89.3 89.3 0 0 1-31.24 33.255h53.334a46.34 46.34 0 0 0 29.586-10.674c19.621-16.296 22.307-45.388 5.967-64.981A46.14 46.14 0 0 0 208 98.145"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#f9a03c" d="M136.747 127.656C136.747 85.874 102.8 52 60.913 52H48v33.256h12.92c23.474 0 42.5 18.982 42.5 42.4c0 23.419-19.026 42.401-42.5 42.401H48v33.256h12.92c41.874 0 75.827-33.874 75.827-75.657M208 98.146C208 72.658 187.286 52 161.747 52h-53.334a89.3 89.3 0 0 1 31.24 33.256h22.094c7.127 0 12.92 5.772 12.92 12.89c0 7.116-5.793 12.889-12.92 12.889h-12.92a89.1 89.1 0 0 1 0 33.255h12.92c7.12 0 12.92 5.767 12.92 12.891s-5.793 12.889-12.92 12.889h-22.094a89.3 89.3 0 0 1-31.24 33.255h53.334a46.34 46.34 0 0 0 29.586-10.674c19.621-16.296 22.307-45.388 5.967-64.981A46.14 46.14 0 0 0 208 98.145"/></g></svg>
</template>

CSS

.icon-d3-dark {
  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%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23f9a03c%22%20d%3D%22M136.747%20127.656C136.747%2085.874%20102.8%2052%2060.913%2052H48v33.256h12.92c23.474%200%2042.5%2018.982%2042.5%2042.4c0%2023.419-19.026%2042.401-42.5%2042.401H48v33.256h12.92c41.874%200%2075.827-33.874%2075.827-75.657M208%2098.146C208%2072.658%20187.286%2052%20161.747%2052h-53.334a89.3%2089.3%200%200%201%2031.24%2033.256h22.094c7.127%200%2012.92%205.772%2012.92%2012.89c0%207.116-5.793%2012.889-12.92%2012.889h-12.92a89.1%2089.1%200%200%201%200%2033.255h12.92c7.12%200%2012.92%205.767%2012.92%2012.891s-5.793%2012.889-12.92%2012.889h-22.094a89.3%2089.3%200%200%201-31.24%2033.255h53.334a46.34%2046.34%200%200%200%2029.586-10.674c19.621-16.296%2022.307-45.388%205.967-64.981A46.14%2046.14%200%200%200%20208%2098.145%22%2F%3E%3C%2Fg%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%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23f9a03c%22%20d%3D%22M136.747%20127.656C136.747%2085.874%20102.8%2052%2060.913%2052H48v33.256h12.92c23.474%200%2042.5%2018.982%2042.5%2042.4c0%2023.419-19.026%2042.401-42.5%2042.401H48v33.256h12.92c41.874%200%2075.827-33.874%2075.827-75.657M208%2098.146C208%2072.658%20187.286%2052%20161.747%2052h-53.334a89.3%2089.3%200%200%201%2031.24%2033.256h22.094c7.127%200%2012.92%205.772%2012.92%2012.89c0%207.116-5.793%2012.889-12.92%2012.889h-12.92a89.1%2089.1%200%200%201%200%2033.255h12.92c7.12%200%2012.92%205.767%2012.92%2012.891s-5.793%2012.889-12.92%2012.889h-22.094a89.3%2089.3%200%200%201-31.24%2033.255h53.334a46.34%2046.34%200%200%200%2029.586-10.674c19.621-16.296%2022.307-45.388%205.967-64.981A46.14%2046.14%200%200%200%20208%2098.145%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/d3-dark.svg?color=%231a73e8&size=48