D3js ikonu

devicon:d3js

D3js ikonu (devicon:d3js), Devicon setinden ücretsiz bir SVG ikondur (yapımcı: konpa). 128 × 128 ızgara üzerinde çizilmiştir. Devicon icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Devicon
Yazar: konpa
Lisans: MIT
Boyut: 128 × 128
Etiketler: d3j

SVG indir

SVG kodu

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

D3js ikonu nasıl kullanılır

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 bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:d3js"></iconify-icon>

HTML görseli

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

D3js ikonu: sık sorulan sorular

D3js ikonu ticari kullanım için ücretsiz mi?

Evet. Devicon icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

D3js ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="devicon:d3js" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

D3js ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/devicon/d3js.svg" alt="D3js ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Devicon ikonları →