Vedic アイコン

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

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

material-icon-theme:vedic

Vedic アイコン(material-icon-theme:vedic)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 356 × 400 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Icon Theme
作者: Material Extensions
ライセンス: MIT
サイズ: 356 × 400

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="356" height="400" viewBox="0 0 356 400"><path fill="#ff3d00" d="M90.457 353.95c-38.66-13.815-66.73-48.192-77.845-95.332c-5.044-21.395-6.47-56.748-2.288-56.748c1.389 0 5.1 9.7 8.245 21.557c6.884 25.945 18.625 50.342 29.967 62.267c18.839 19.808 65.5 27.566 92.385 15.36c20.943-9.509 29.436-32.108 20.329-54.095c-7.038-16.99-23.003-22.67-52.742-18.767c0 0-18.225-19.618-24.032-54.457l18.681 1.694c22.5 2.04 39.488-2.933 48.305-14.142c8.286-10.533 8.107-14.607-1.114-25.325c-13.304-15.468-37.193-11.55-85.561 14.033l-24.405-40.91l10.231-7.804c25.64-19.557 70.16-29.334 95.497-20.972c23.078 7.617 40.017 37.839 35.492 63.324c-3.059 17.23-16.874 41.362-27.548 48.12l-9.205 5.829l12.715 5.733c21.606 9.743 34.797 2.295 50.556-28.547c21.81-42.681 35.954-53.73 68.847-53.777c15.315-.023 20.766 1.584 31.936 9.412c27.88 19.537 43.06 59.994 39.725 105.87c-4.223 58.101-31.744 93.343-72.894 93.343c-22.583 0-37.14-7.92-48.727-26.514c-10.177-16.333-14.764-48.68-8.919-62.908c2.804-6.827 3.31-7.058 3.494-1.597c.337 10.04 11.76 26.358 22.246 31.781c25.73 13.306 62.667-3.411 77.28-34.975c11.095-23.964 5.143-70.186-10.087-78.337c-3.186-1.706-11.06-3.101-17.497-3.101c-13.682 0-24.427 9.837-39.491 36.153c-5.209 9.098-13.974 20.854-19.478 26.123c-8.944 8.562-12.137 9.581-30.024 9.581h-20.017l6.47 14.372c9.261 20.57 8.823 53.993-.974 74.34c-8.657 17.979-28.674 36.18-44.676 40.626c-15.578 4.328-40.946 3.768-54.877-1.21m75.377-278.026c-8.855-15.11-14.304-43.318-8.369-43.318c6.973 15.126 21.265 28.621 36.57 38.037c27.486 13.306 55.358 7.936 85.807-16.535c6.704-5.387 12.64-9.195 13.192-8.462c7.436 11.538 20.297 20.967 24.548 34.375c0 5.658-24.353 21.94-43.57 29.13c-47.63 13.72-80.046 8.292-108.178-33.227m24.002-34.927l31.01-34.383l34.46 31.9c-11.787 9.709-20.296 24.775-33.762 32.416c-10.64-7.844-26.52-17.092-31.708-29.933" class="colorff4500 svgShape"/></svg>

Vedic アイコンの使い方

React

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

<Icon icon="material-icon-theme:vedic" width="24" />

Vue

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

<template>
  <Icon icon="material-icon-theme:vedic" width="24" />
</template>

Svelte

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

<Icon icon="material-icon-theme:vedic" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--vedic]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:vedic"></div>

Web コンポーネント

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

<iconify-icon icon="material-icon-theme:vedic"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-icon-theme/vedic.svg" alt="Vedic アイコン" width="24" height="24">

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

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

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

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

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

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

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

Material Icon Theme アイコンをすべて見る →