Ikon D3js

devicon:d3js

Ikon D3js (devicon:d3js) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Devicon
Pembuat: konpa
Lisensi: MIT
Ukuran: 128 × 128
Tag: d3j

Download SVG

Kode SVG

<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>

Cara memakai ikon D3js

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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon/d3js.svg" alt="Ikon D3js" width="24" height="24">

FAQ Ikon D3js

Apakah ikon D3js gratis untuk penggunaan komersial?

Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon D3js di React?

Pasang @iconify/react lalu render <Icon icon="devicon:d3js" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon D3js ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/d3js.svg" alt="Ikon D3js">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon →