Gradle アイコン

Q: Gradle アイコンは商用利用でも無料ですか?

はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。

file-icons:gradle

Gradle アイコン(file-icons:gradle)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: File Icons
作者: John Gardner
ライセンス: ISC
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M496.634 92.954c-18.299-33.336-50.631-43.113-73.441-43.614c-28.074-.501-51.134 15.29-46.873 25.818c1.003 2.256 6.267 14.037 9.525 18.799c4.762 7.017 13.034 1.504 16.041 0c20.577-10.685 47.86-7.168 61.41 20.303c21.306 41.86-44.365 127.834-126.58 68.178c-82.216-59.406-162.175-39.854-198.52-27.823c-36.094 12.032-52.888 24.063-38.601 51.886c19.55 37.849 13.034 26.318 31.833 57.65c29.828 49.881 95.5-23.06 95.5-23.06c-48.879 73.442-90.738 55.645-106.78 30.08c-14.538-23.061-25.817-49.881-25.817-49.881C-29.242 265.906 4.094 461.168 4.094 461.168l61.411.25c15.54-72.44 71.688-69.431 81.212.251l46.873.25c41.358-141.369 146.383.502 146.383.502l61.159.25c-17.044-96.502 34.34-126.831 66.675-183.229c32.836-56.648 63.667-125.83 28.827-186.488M306.386 281.948c-30.095-9.977-19.3-40.607-19.3-40.607l20.053 6.517c-1.755 2.507-2.507 5.515-2.005 8.773c.752 7.52 7.77 13.034 15.54 12.282c6.768-.752 12.032-6.016 12.784-12.282l15.79 5.264c-2.255 9.274-20.064 27.61-42.862 20.053"/></svg>

Gradle アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:gradle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:gradle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:gradle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--gradle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:gradle"></div>

Web コンポーネント

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

<iconify-icon icon="file-icons:gradle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/gradle.svg" alt="Gradle アイコン" width="24" height="24">

他のアイコンセットの Gradle アイコン

Gradle アイコンのよくある質問

Gradle アイコンは商用利用でも無料ですか?

はい。File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Gradle アイコンを使うには?

@iconify/react をインストールして <Icon icon="file-icons:gradle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Gradle アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/gradle.svg" alt="Gradle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

File Icons をすべて見る →