Dragula アイコン

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

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

file-icons:dragula

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="438" height="512" viewBox="0 0 438 512"><path fill="currentColor" d="M174.108 411.78c6.467 7.324 9.385 16.008 9.464 17.308c3.396 2.397-1.031-12.115.815-14.306c51.154-60.808 131.879-34.41 145.447-96.172c17.259-78.554-82.293-71.43-142.868-102.177c-12.177 75.868-25.685 117.446-71.827 163.691c0 0 44.01 14.718 58.969 31.656m25.704-128.784c23.616 6.74 76.24 23.784 77.007 58.739c-37.658 9.895-67.653 17.899-99.283 47.558c-7.24-2.62-26.769-9.363-44.27-12.45c35.65-20.675 57.305-59.863 66.546-93.847m126.6-117.212c-131.776-28.95-166.814-53.395-234.3-163.478C89.55-1.72 83.245-.236 83.228 4.91c-.345 25.729 16.11 72.004 31.714 120.053c-35.1-26.724-66.198-59.508-82.432-98.357c-1.644-3.974-8.69-4.46-9.217 1.817c-.36 52.357 23.022 103.195 67.927 148.323c-31.193-19.91-59.915-41.513-83.055-64.477c-3.824-3.657-9.391.333-7.925 4.93c24.52 72.97 92.875 119.355 139.94 143.64c-.373 39.728-10.41 81.109-36.537 118.229c-4.121 62.504-11.126 79.42-15.078 88.5c-7.669 17.797-6.231 39.958 17.836 44.23c8.809 1.564 39.916-5.133 22.231-50.066c-4.113-9.107-10.114-22.415-14.397-65.88c17.791 22.227 53.163 67.935 46.873 96.572c-1.107 4.909 5.48 8.444 8.864 3.373c46.571-87.078 231.55-11.38 262.342-161.613c16.81-78.222-8.544-147.441-105.901-168.4m82.79 159.602C381.265 452.54 222.114 394.478 168.589 459.66c-23.367-58.911-60.642-79.536-60.642-79.536c38.751-39.661 49.777-103.495 44.164-173.265c-39.616-30.397-91.762-78.048-103.68-125.622c24.762 34.837 65.11 67.098 99.619 90.86a585 585 0 0 0-5.565-31.06c52.096 69.314 127.186 81.585 167.735 90.49c-88.729-26.707-159.4-71.153-195.957-168.38c50.935 80.89 102.607 98.964 192.206 118.643c86.933 19.105 117.338 77.103 102.733 143.596"/></svg>

Dragula アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

File Icons をすべて見る →