Dji アイコン
simple-icons:dji
Dji アイコン(simple-icons:dji)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.2 7.8a717 717 0 0 0-1.232 4.63c-.202.772-.401 1.544-.634 2.308c-.226.743-.504 1.535-.91 2.21c-.422.703-.969 1.253-1.726 1.604q-.451.206-.939.306q-.691.136-1.394.165c-1.163.065-3.628.056-4.79.056l.713-2.64c.539 0 1.078.002 1.617-.013c.52-.014 1.092-.042 1.605-.163c.56-.133.984-.36 1.355-.817c.337-.416.564-.935.75-1.424c.34-.893.688-2.173.934-3.093c.277-1.041.544-2.085.812-3.129zm4.8 0l-2.072 7.68h-3.84l2.073-7.68ZM11.339 4.92h3.84q-.603 2.25-1.212 4.496c-.283 1.044-.565 2.088-.872 3.124c-.135.452-.269.903-.445 1.342c-.141.352-.3.666-.591.93a1.9 1.9 0 0 1-.734.405c-.356.112-.717.154-1.085.184c-.53.043-1.06.054-1.591.063q-2.987.03-5.974-.001a21 21 0 0 1-.954-.034a5 5 0 0 1-.632-.07a2 2 0 0 1-.412-.119c-.44-.192-.664-.575-.677-1.043q0-.396.093-.78c.076-.367.171-.728.265-1.09c.179-.691.506-1.966.762-2.638c.2-.526.464-1.05.966-1.382c.28-.186.576-.285.901-.35c.241-.05.483-.075.728-.093c.41-.03.82-.04 1.23-.047q.873-.013 1.748-.015L8.148 7.8h1.454l-.518 1.92c-.864 0-1.728-.002-2.593.003c-.252.001-.504 0-.756.016a1 1 0 0 0-.264.042c-.113.04-.17.11-.22.213c-.073.15-.115.31-.162.468a85 85 0 0 0-.503 1.857q-.054.21-.1.42q-.034.148-.05.298c-.01.11-.014.242.053.345c.068.103.182.127.29.143c.12.018.241.021.363.025q.298.008.597.008q.816.004 1.633 0c.25-.002.501-.004.752-.014c.173-.007.343-.013.513-.054c.13-.031.23-.08.318-.186q.084-.107.133-.235c.088-.209.15-.425.213-.641c.245-.83.466-1.665.692-2.499l.675-2.503l.67-2.505h3.84z"/></svg>Dji アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:dji" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:dji" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:dji" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--dji]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:dji"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:dji"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/dji.svg" alt="Dji アイコン" width="24" height="24">他のアイコンセットの Dji アイコン
Dji アイコン のよくある質問
Dji アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dji アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:dji" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dji アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/dji.svg" alt="Dji アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。