Drupal アイコン

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

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

lineicons:drupal

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

アイコンセット: Lineicons
作者: Lineicons
ライセンス: 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="M16.516 5.8c-.065 0-.065-.033 0 0c-.909-.585-1.753-.878-2.63-1.332c-.13-.033-.227-.13-.357-.227c-.585-.455-1.461-1.43-2.176-2.241a5 5 0 0 1-.194 1.072c-.13.52-.455.909-.715 1.136c-.065.033-.065.033-.097.033C9.34 5.02 8.723 5.247 7.879 5.7c-.033.033-.195.098-.325.196a10.1 10.1 0 0 0-2.24 1.915c-2.208 2.566-2.76 6.397-1.202 9.385c.585 1.104 1.396 2.143 2.403 2.922c1.04.812 2.435 1.299 3.702 1.591c1.818.422 3.572.422 5.293-.26a8.4 8.4 0 0 0 3.41-2.5c1.233-1.526 1.85-3.474 1.85-5.423c.162-4.968-3.67-7.306-4.254-7.728M5.184 9.078c-.033-.033-.357-.228-.033-.65c.974-1.46 2.76-2.468 3.312-2.727c.195-.098 1.072-.52 1.916-1.137c.552-.422.91-.812 1.072-2.078c.13.455.13.812.13 1.299c-.033.52-.52.812-.552.877c-.098.097-.52.26-.585.357c-.097.032-.097.097 0 .097c.13.033.227.098.227.228c0 .097-.032.357-.52.811c-.81.812-1.428 1.364-2.857 2.208c-1.363.812-2.045.715-2.11.715m11.43 11.332c-.098.098-1.007.747-2.078.812c-1.072.065-2.468.13-3.313-.65c-.13-.13-.097-.357 0-.422c.098-.097.13-.13.26-.13c.098 0 .098 0 .13.033c.357.325.974.552 2.208.552s2.176-.357 2.533-.65c.13-.13.227-.032.26.033c.065.195.13.357 0 .422m-3.475-1.72c.228-.196.552-.52.877-.65c.357-.13.52-.098.812-.098c.325 0 .65.033.877.13c.227.13.357.52.454.682c.098.195 0 .325-.13.357c-.13.098-.13.033-.26-.227c-.13-.227-.227-.52-.974-.52c-.682 0-.876.228-1.234.52c-.357.26-.454.357-.552.227c-.097-.097-.032-.26.13-.422m5.196.13c-.682-.033-2.111-2.241-2.988-2.241c-1.136-.033-3.572 2.338-5.52 2.338c-1.136 0-1.526-.13-1.916-.455c-.552-.422-.876-1.072-.876-1.883c.032-1.526 1.46-2.955 3.28-2.988c2.24-.032 3.863 2.24 5 2.24c.974-.032 2.857-1.915 3.766-1.915c.975 0 1.234 1.007 1.234 1.624c0 .584-.194 1.688-.649 2.402c-.487.682-.78.91-1.331.877"/></svg>

Drupal アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Lineicons をすべて見る →