D3 アイコン
logos:d3
D3 アイコン(logos:d3)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 243 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 243
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="243" viewBox="0 0 256 243"><defs><linearGradient id="SVG7SWXidyE" x1="-82.637%" x2="103.767%" y1="-92.82%" y2="106.042%"><stop offset="0%" stop-color="#f9a03c"/><stop offset="100%" stop-color="#f7974e"/></linearGradient><linearGradient id="SVG0SgAgcVm" x1="-258.924%" x2="97.62%" y1="-248.97%" y2="98.768%"><stop offset="0%" stop-color="#f9a03c"/><stop offset="100%" stop-color="#f7974e"/></linearGradient><linearGradient id="SVGd3xP6bjI" x1="-223.163%" x2="94.028%" y1="-261.968%" y2="101.691%"><stop offset="0%" stop-color="#f9a03c"/><stop offset="100%" stop-color="#f7974e"/></linearGradient><linearGradient id="SVGvjHJFcJx" x1="11.339%" x2="82.496%" y1="-1.822%" y2="92.107%"><stop offset="0%" stop-color="#f26d58"/><stop offset="100%" stop-color="#f9a03c"/></linearGradient><linearGradient id="SVGVtWIye7c" x1="15.844%" x2="120.126%" y1="3.858%" y2="72.38%"><stop offset="0%" stop-color="#b84e51"/><stop offset="100%" stop-color="#f68e48"/></linearGradient><linearGradient id="SVGXrBHqbTI" x1="46.984%" x2="51.881%" y1="23.466%" y2="147.391%"><stop offset="0%" stop-color="#f9a03c"/><stop offset="100%" stop-color="#f7974e"/></linearGradient></defs><path fill="url(#SVG7SWXidyE)" d="M255.52 175.619c.115-1.115.197-2.24.261-3.371c.078-1.339-80.562-77.85-80.562-77.85h-1.928s81.736 86.215 82.229 81.22"/><path fill="url(#SVG0SgAgcVm)" d="M83.472 149.077q-.16.353-.323.704q-.172.37-.349.734c-2.57 5.36 35.987 43.053 39.088 38.474c.141-.202.283-.416.424-.618c.157-.24.312-.47.467-.71c2.48-3.765-38.206-41.032-39.307-38.584"/><path fill="url(#SVGd3xP6bjI)" d="M137.957 202.083c-.109.24-.885 1.552-1.594 2.245c-.12.24 37.64 37.688 37.64 37.688h3.4c.002 0-35.446-38.35-39.446-39.933"/><path fill="url(#SVGvjHJFcJx)" d="M255.835 171.568c-1.766 39.147-34.152 70.448-73.72 70.448h-5.35l-39.514-38.928c3.25-4.584 6.272-9.333 8.962-14.285h35.902c11.354 0 20.594-9.235 20.594-20.595c0-11.355-9.24-20.595-20.594-20.595h-21.246c1.619-8.557 2.504-17.381 2.504-26.408c0-9.165-.901-18.114-2.578-26.808h13.197l81.61 80.414c.097-1.078.174-2.155.233-3.243M21.467 0H0v53.213h21.467c37.493 0 68 30.499 68 67.992c0 10.2-2.275 19.883-6.318 28.576l39.163 38.59c12.859-19.24 20.376-42.339 20.376-67.166C142.688 54.373 88.307 0 21.467 0"/><path fill="url(#SVGVtWIye7c)" d="M182.115 0H95.187C116.419 12.963 134 31.344 145.979 53.213h36.136c11.354 0 20.594 9.235 20.594 20.595c0 11.357-9.24 20.592-20.594 20.592h-8.12l81.61 80.413c.192-2.181.312-4.376.312-6.605c0-17.939-6.437-34.395-17.125-47.203c10.688-12.802 17.125-29.261 17.125-47.197C255.917 33.112 222.813 0 182.115 0"/><path fill="url(#SVGXrBHqbTI)" d="M176.765 242.016H95.808c16.296-10.064 30.384-23.35 41.443-38.928zm-54.453-53.645l-39.16-38.59c-10.819 23.251-34.395 39.422-61.685 39.422H0v53.208h21.467c42.01 0 79.09-21.488 100.845-54.04"/></svg>D3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:d3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:d3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:d3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--d3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:d3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:d3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/d3.svg" alt="D3 アイコン" width="24" height="24">他のアイコンセットの D3 アイコン
D3 アイコン のよくある質問
D3 アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で D3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:d3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
D3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/d3.svg" alt="D3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。