d3 js logo
d3-js from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- d3-js
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
Use the d3 js logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.749 16C17.749 7.625 10.958.833 2.584.833H0V7.5h2.584c4.697 0 8.499 3.807 8.499 8.5s-3.801 8.5-8.499 8.5H0v6.667h2.584c8.375 0 15.165-6.792 15.165-15.167M32 10.083A9.25 9.25 0 0 0 22.749.834H12.082a17.9 17.9 0 0 1 6.245 6.667h4.421a2.583 2.583 0 1 1 0 5.167h-2.583a17.9 17.9 0 0 1 0 6.667h2.583a2.586 2.586 0 0 1 0 5.172h-4.421a17.9 17.9 0 0 1-6.245 6.667h10.667c2.163 0 4.256-.76 5.917-2.141c3.921-3.271 4.464-9.099 1.193-13.025a9.26 9.26 0 0 0 2.14-5.923z"/></svg>
React
import type { SVGProps } from "react";
export function CibD3Js(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.749 16C17.749 7.625 10.958.833 2.584.833H0V7.5h2.584c4.697 0 8.499 3.807 8.499 8.5s-3.801 8.5-8.499 8.5H0v6.667h2.584c8.375 0 15.165-6.792 15.165-15.167M32 10.083A9.25 9.25 0 0 0 22.749.834H12.082a17.9 17.9 0 0 1 6.245 6.667h4.421a2.583 2.583 0 1 1 0 5.167h-2.583a17.9 17.9 0 0 1 0 6.667h2.583a2.586 2.586 0 0 1 0 5.172h-4.421a17.9 17.9 0 0 1-6.245 6.667h10.667c2.163 0 4.256-.76 5.917-2.141c3.921-3.271 4.464-9.099 1.193-13.025a9.26 9.26 0 0 0 2.14-5.923z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.749 16C17.749 7.625 10.958.833 2.584.833H0V7.5h2.584c4.697 0 8.499 3.807 8.499 8.5s-3.801 8.5-8.499 8.5H0v6.667h2.584c8.375 0 15.165-6.792 15.165-15.167M32 10.083A9.25 9.25 0 0 0 22.749.834H12.082a17.9 17.9 0 0 1 6.245 6.667h4.421a2.583 2.583 0 1 1 0 5.167h-2.583a17.9 17.9 0 0 1 0 6.667h2.583a2.586 2.586 0 0 1 0 5.172h-4.421a17.9 17.9 0 0 1-6.245 6.667h10.667c2.163 0 4.256-.76 5.917-2.141c3.921-3.271 4.464-9.099 1.193-13.025a9.26 9.26 0 0 0 2.14-5.923z"/></svg> </template>
CSS
.icon-d3-js {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.749%2016C17.749%207.625%2010.958.833%202.584.833H0V7.5h2.584c4.697%200%208.499%203.807%208.499%208.5s-3.801%208.5-8.499%208.5H0v6.667h2.584c8.375%200%2015.165-6.792%2015.165-15.167M32%2010.083A9.25%209.25%200%200%200%2022.749.834H12.082a17.9%2017.9%200%200%201%206.245%206.667h4.421a2.583%202.583%200%201%201%200%205.167h-2.583a17.9%2017.9%200%200%201%200%206.667h2.583a2.586%202.586%200%200%201%200%205.172h-4.421a17.9%2017.9%200%200%201-6.245%206.667h10.667c2.163%200%204.256-.76%205.917-2.141c3.921-3.271%204.464-9.099%201.193-13.025a9.26%209.26%200%200%200%202.14-5.923z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.749%2016C17.749%207.625%2010.958.833%202.584.833H0V7.5h2.584c4.697%200%208.499%203.807%208.499%208.5s-3.801%208.5-8.499%208.5H0v6.667h2.584c8.375%200%2015.165-6.792%2015.165-15.167M32%2010.083A9.25%209.25%200%200%200%2022.749.834H12.082a17.9%2017.9%200%200%201%206.245%206.667h4.421a2.583%202.583%200%201%201%200%205.167h-2.583a17.9%2017.9%200%200%201%200%206.667h2.583a2.586%202.586%200%200%201%200%205.172h-4.421a17.9%2017.9%200%200%201-6.245%206.667h10.667c2.163%200%204.256-.76%205.917-2.141c3.921-3.271%204.464-9.099%201.193-13.025a9.26%209.26%200%200%200%202.14-5.923z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/d3-js.svg?color=%231a73e8&size=48
