Gradle Logo 32 アイコン
fluent-mdl2:gradle-logo-32
Gradle Logo 32 アイコン(fluent-mdl2:gradle-logo-32)は、Fluent UI MDL2 セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
- タグ
- gradlelogo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 576q0 64-15 129t-40 130t-56 124t-64 115q-31 52-63 96t-64 85t-59 84t-49 88t-33 101t-13 122q0 36 3 71t11 71h-245q-29-37-70-80t-90-80t-99-61t-101-25q-49 0-86 23t-64 60t-45 79t-31 84H587q-4-30-14-66t-30-68t-46-53t-65-22q-38 0-66 21t-50 53t-34 68t-20 67H17q-10-55-13-111t-4-113q0-71 7-145t24-145t45-137t70-122t99-101t132-71q22 51 47 100t56 95q25 39 64 63t87 25q44 0 84-20t75-50t65-66t52-70q-23 25-54 53t-68 51t-75 39t-72 16q-39 0-65-18t-47-50q-9-15-24-38t-31-52t-33-59t-30-58t-21-51t-9-38q0-34 28-61t73-47t100-35t108-24t98-13t70-5q139 0 258 41t233 119q51 35 106 57t118 23q54 0 107-22t96-59t69-88t27-108q0-36-14-67t-38-54t-55-37t-67-14q-23 0-41 5t-34 12t-29 12t-23 6q-16 0-25-13q-3-4-9-15t-13-25t-12-26t-5-18q0-24 22-41t51-28t60-16t48-5q85 0 152 32t115 88t71 129t25 154m-783 378q0 29 11 52t29 41t44 26t54 9q19 0 41-7t41-19t34-30t19-37q-17-6-35-12t-35-11q1 5 2 8t1 8q0 29-20 47t-49 19q-27 0-47-18t-20-46q0-16 7-29t21-23l-90-29q-5 12-6 25t-2 26"/></svg>Gradle Logo 32 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:gradle-logo-32" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:gradle-logo-32" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:gradle-logo-32" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--gradle-logo-32]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:gradle-logo-32"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:gradle-logo-32"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/gradle-logo-32.svg" alt="Gradle Logo 32 アイコン" width="24" height="24">Gradle Logo 32 アイコン のよくある質問
Gradle Logo 32 アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gradle Logo 32 アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:gradle-logo-32" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gradle Logo 32 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/gradle-logo-32.svg" alt="Gradle Logo 32 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。