Drupal アイコン

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

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

jam:drupal

Drupal アイコン(jam:drupal)は、Jam Icons セットの無料 SVG アイコンです（作者: Michael Amprimo）。 24 × 24 のグリッドで描かれています。 Jam Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Jam Icons
作者: Michael Amprimo
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.134 3.711c-1.022-.635-1.989-.884-2.953-1.52C9.583 1.788 8.754.827 8.058 0c-.134 1.327-.54 1.866-1.003 2.251c-.982.768-1.6.998-2.45 1.46c-.714.366-4.592 2.673-4.592 7.634S4.201 19.96 8.85 19.96c4.65 0 8.683-3.365 8.683-8.46s-3.782-7.403-4.4-7.788zm.078 14.308c-.097.096-.984.711-2.026.808c-1.042.096-2.45.153-3.299-.616c-.135-.135-.097-.326 0-.402c.096-.079.173-.136.29-.136s.095 0 .154.038c.386.308.964.557 2.198.557c1.236 0 2.105-.344 2.49-.634c.174-.134.25-.019.27.058s.058.193-.077.327m-3.344-1.618c.213-.193.56-.501.89-.635c.327-.135.499-.116.809-.116c.308 0 .637.02.868.174s.367.5.442.69c.078.194 0 .309-.153.386c-.134.076-.154.038-.289-.211c-.134-.25-.25-.5-.926-.5c-.675 0-.887.23-1.215.5c-.328.269-.444.365-.56.211c-.116-.153-.077-.308.134-.5zm6.964-3.666c0 .596-.192 1.672-.656 2.345c-.462.674-.75.925-1.293.886c-.695-.059-2.084-2.212-2.971-2.252c-1.118-.037-3.55 2.33-5.46 2.33c-1.159 0-1.505-.174-1.89-.425c-.58-.404-.87-1.019-.85-1.865c.02-1.5 1.427-2.903 3.203-2.922c2.256-.02 3.821 2.229 4.958 2.21c.965-.017 2.818-1.903 3.725-1.903c.964 0 1.234.998 1.234 1.596"/></svg>

Drupal アイコンの使い方

React

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

<Icon icon="jam:drupal" width="24" />

Vue

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

<template>
  <Icon icon="jam:drupal" width="24" />
</template>

Svelte

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

<Icon icon="jam:drupal" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[jam--drupal]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="jam:drupal"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/jam/drupal.svg" alt="Drupal アイコン" width="24" height="24">

Jam Icons の関連アイコン

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

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

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

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

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

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

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

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

Jam Icons をすべて見る →