Graduation Cap Two Tone アイコン

Q: Graduation Cap Two Tone アイコンは商用利用でも無料ですか?

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

keyline-icons:graduation-cap-two-tone

Graduation Cap Two Tone アイコン(keyline-icons:graduation-cap-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: graduationcap、captwo、twotone、graduationcaptwotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12.9646 4.1593L21.643 7.1062C22.4543 7.3817 23 8.1433 23 9C23 9.8567 22.4543 10.6183 21.643 10.8938L12.9646 13.8407C12.6539 13.9462 12.3281 14 12 14C11.6719 14 11.3461 13.9462 11.0354 13.8407L2.357 10.8938C1.5457 10.6183 1 9.8567 1 9C1 8.1433 1.5457 7.3817 2.357 7.1062L11.0354 4.1593C11.3461 4.0538 11.6719 4 12 4C12.3281 4 12.6539 4.0538 12.9646 4.1593Z" stroke="none"/><path d="M12.6431 5.1062L21.3215 8.0531C22.2261 8.3603 22.2261 9.6397 21.3215 9.9469L12.6431 12.8938C12.2261 13.0354 11.7739 13.0354 11.3569 12.8938L2.6785 9.9469C1.7739 9.6397 1.7739 8.3603 2.6785 8.0531L11.3569 5.1062C11.7739 4.9646 12.2261 4.9646 12.6431 5.1062ZM6 11.0748L6 15.7967C6 16.4679 6.3367 17.0944 6.8966 17.4647C8.4102 18.4661 10.1851 19 12 19C13.8149 19 15.5898 18.4661 17.1034 17.4647C17.6633 17.0944 18 16.4679 18 15.7967L18 11.0748M2 9L2 15"/></g></svg>

Graduation Cap Two Tone アイコンの使い方

React

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

<Icon icon="keyline-icons:graduation-cap-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:graduation-cap-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:graduation-cap-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--graduation-cap-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:graduation-cap-two-tone"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:graduation-cap-two-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/graduation-cap-two-tone.svg" alt="Graduation Cap Two Tone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Graduation Cap Two Tone アイコンのよくある質問

Graduation Cap Two Tone アイコンは商用利用でも無料ですか?

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

React で Graduation Cap Two Tone アイコンを使うには?

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

Graduation Cap Two Tone アイコンをウェブページに追加するには?

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

Keyline Icons をすべて見る →