Grunt アイコン

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

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

file-icons:grunt

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="430" height="512" viewBox="0 0 430 512"><path fill="currentColor" d="M5.916 45.594c42.481-39.257 97.91-32.093 138.36 12.579c12.043 7.306 11.78 7.57 12.579-3.145c1.853-15.826 8.196-30.433 29.864-40.876c3.145 7.861 0 18.863 9.435 26.725C200.87 18.869 216.594 7.862 240.18 0c-4.718 12.58-4.718 25.158 1.572 36.16c11.007-6.285 22.013-14.147 37.726-14.147c-11.977 20.78-13.991 37.226-6.29 39.305c4.801 1.296 7.863 1.572 12.58-3.145c44.305-53.146 116.27-45.875 138.36-11.007c-44.192 8.473-52.406 17.735-45.6 42.45c.523 2.972 2.61 3.077 4.717 3.144c31.448 3.145 44.027 25.158 26.73 48.744c-11.717 17.877-12.198 48.846 1.573 55.023c33.566 23.826 19.602 51.913-31.447 73.892c-11 4.735-18.858 12.579-18.858 22.013c0 23.586 3.145 67.602 3.145 67.602c15.713-10.996 25.147-25.147 28.292-42.444c43.212 36.7 27.587 104.827-23.586 124.208c-13.988 3.742-23.488 42.745-75.464 50.3c-11.222.617-18.383 14.885-59.74 18.87c-31.46 3.03-61.323 0-88.043-17.297c-30.855-5.28-58.33-17.38-77.047-47.156c0-1.572-3.145-4.717-6.279-4.717c-63.196-22.26-60.946-95.267-25.158-124.208c3.145 17.297 12.579 31.448 28.292 44.016c4.176-47.078 11.395-80.508-17.285-92.76C20.57 256.971 1.328 243.27.075 226.268c-1.75-23.75 27.503-28.75 27.855-43.892v-25.159s-11.007-22.008-14.152-29.864c-4.547-25.06 13.733-32.81 37.737-36.165C56.881 74.27 63.27 58.295 5.916 45.594"/></svg>

Grunt アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

File Icons をすべて見る →