D3js icon
devicon:d3js
The D3js icon (devicon:d3js) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><linearGradient id="SVGjrCCbctZ" x1="-201.009" x2="-200.098" y1="376.844" y2="375.873" gradientTransform="matrix(82.4907 0 0 -81.4303 16634.416 30700.326)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f9a03c"/><stop offset="1" stop-color="#f7974e"/></linearGradient><path fill="url(#SVGjrCCbctZ)" d="M126.334 90.59a37 37 0 0 0 .128-1.647C126.5 88.288 87.094 50.9 87.094 50.9h-.942s39.94 42.13 40.182 39.69"/><linearGradient id="SVGPJJkOJhY" x1="-199.257" x2="-197.514" y1="373.615" y2="371.916" gradientTransform="matrix(40.2105 0 0 -40.4122 8003.203 15127)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f9a03c"/><stop offset="1" stop-color="#f7974e"/></linearGradient><path fill="url(#SVGPJJkOJhY)" d="M42.26 77.62a26 26 0 0 1-.328.702c-1.256 2.62 17.585 21.038 19.1 18.8c.07-.098.14-.202.208-.3c.077-.118.152-.23.228-.348c1.213-1.84-18.67-20.05-19.207-18.854z"/><linearGradient id="SVG5IrXTdwB" x1="-199.836" x2="-198.286" y1="374.252" y2="372.475" gradientTransform="matrix(41.0403 0 0 -39.9333 8224.5 14997.683)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f9a03c"/><stop offset="1" stop-color="#f7974e"/></linearGradient><path fill="url(#SVG5IrXTdwB)" d="M68.886 103.52c-.053.118-.433.76-.78 1.098c-.058.117 18.394 18.417 18.394 18.417h1.66c.002 0-17.32-18.74-19.274-19.514z"/><linearGradient id="SVGMKLcOc0X" x1="-201.143" x2="-200.795" y1="379.263" y2="378.804" gradientTransform="matrix(255.8347 0 0 -242.016 51476.605 91789.102)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f26d58"/><stop offset="1" stop-color="#f9a03c"/></linearGradient><path fill="url(#SVGMKLcOc0X)" d="M126.488 88.61c-.863 19.13-16.69 34.425-36.024 34.425H87.85l-19.31-19.022a69 69 0 0 0 4.38-6.98h17.544c5.55 0 10.064-4.514 10.064-10.065s-4.515-10.064-10.064-10.064H80.082A69.4 69.4 0 0 0 81.306 64c0-4.48-.44-8.852-1.26-13.1h6.45l39.88 39.295a49 49 0 0 0 .112-1.585M11.962 4.772H1.472v26.003h10.49c18.32 0 33.23 14.903 33.23 33.225c0 4.984-1.113 9.716-3.088 13.964L61.24 96.82A58.9 58.9 0 0 0 71.2 64c0-32.658-26.574-59.228-59.236-59.228z"/><linearGradient id="SVGwqHbMeNX" x1="-200.962" x2="-200.452" y1="378.553" y2="378.218" gradientTransform="matrix(160.7307 0 0 -174.8133 32360.78 66184.883)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b84e51"/><stop offset="1" stop-color="#f68e48"/></linearGradient><path fill="url(#SVGwqHbMeNX)" d="M90.464 4.772H47.986a69.8 69.8 0 0 1 24.82 26.003h17.658c5.55 0 10.064 4.513 10.064 10.064c0 5.55-4.515 10.06-10.064 10.06h-3.968l39.88 39.296a37 37 0 0 0 .152-3.228c0-8.766-3.146-16.807-8.368-23.066c5.223-6.256 8.368-14.3 8.368-23.063c0-19.887-16.177-36.068-36.064-36.068z"/><linearGradient id="SVG0hif7blj" x1="-200.619" x2="-200.595" y1="377.137" y2="376.532" gradientTransform="matrix(176.7653 0 0 -92.6293 35504.598 35022.56)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f9a03c"/><stop offset="1" stop-color="#f7974e"/></linearGradient><path fill="url(#SVG0hif7blj)" d="M87.85 123.035H48.29a69.95 69.95 0 0 0 20.25-19.022zM61.24 96.82L42.106 77.965c-5.287 11.362-16.807 19.264-30.143 19.264H1.472v26h10.49c20.53 0 38.648-10.5 49.28-26.407z"/></svg>How to use the D3js icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:d3js" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:d3js" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:d3js" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--d3js]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:d3js"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:d3js"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/d3js.svg" alt="D3js icon" width="24" height="24">D3js icon FAQ
Is the D3js icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the D3js icon in React?
Install @iconify/react and render <Icon icon="devicon:d3js" />, or use “Copy code” on this page to get a standalone React component.
How do I add the D3js icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/d3js.svg" alt="D3js icon">, or paste the SVG code inline to style it with CSS.