Thymeleaf アイコン

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

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

devicon:thymeleaf

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

アイコンセット: Devicon
作者: konpa
ライセンス: MIT
サイズ: 128 × 128

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#005f0f" d="M9.211 0H118.79a9.084 9.084 0 0 1 9.103 9.104v109.792A9.084 9.084 0 0 1 118.79 128H9.21a9.084 9.084 0 0 1-9.103-9.104V9.104A9.084 9.084 0 0 1 9.21 0z"/><path fill="#fff" d="M109.017 17.453C93.28 36.737 74.06 52.889 53.564 66.89c-6.663 4.77-14.018 9.015-19.141 15.546c-1.957 3.437-2.429 8.278.916 11.067c5.571 5.25 14.248 6.392 21.227 3.453c9.77-3.721 16.519-12.193 22.191-20.59c12.658-18.236 20.335-39.211 30.26-58.914z"/><path fill="#aea99f" d="M99.991 24.121C80.397 39.646 64.725 48.036 44.686 55.254c-6.048 2.588-12.53 5.872-15.339 12.222c-2.892 6.007-1.944 14.385 1.374 19.948c-.248-2.342 1.003-6.125 2.864-7.901c6.176-6.878 14.22-11.384 21.296-16.607l.017-.014l.017-.012C71.29 51.644 86.643 38.793 99.99 24.121z"/></svg>

Thymeleaf アイコンの使い方

React

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

<Icon icon="devicon:thymeleaf" width="24" />

Vue

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

<template>
  <Icon icon="devicon:thymeleaf" width="24" />
</template>

Svelte

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

<Icon icon="devicon:thymeleaf" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="devicon:thymeleaf"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/thymeleaf.svg" alt="Thymeleaf アイコン" width="24" height="24">

Devicon の関連アイコン

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

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

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

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

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

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

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

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

Devicon アイコンをすべて見る →