Graduation Cap Remix アイコン
streamline-flex:graduation-cap-remix
Graduation Cap Remix アイコン(streamline-flex:graduation-cap-remix)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 仕事・教育
- タグ
- graduationcap、capremix、graduationcapremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M8.312 1.233c-.785-.31-1.86-.311-2.646.002c-.872.348-1.805.72-2.67 1.152c-.867.434-1.617.903-2.315 1.34c-.35.22-.68.587-.681 1.092c0 .505.328.873.678 1.093l.045.029l.394.248v4.186c-.44.23-.74.697-.74 1.236C.376 12.378.986 13 1.74 13s1.365-.622 1.365-1.39c0-.537-.3-1.003-.739-1.234V6.932q.291.161.602.318l-.001.16c0 .514.035 1.013.082 1.492c.123 1.273 1.131 2.31 2.396 2.44c.497.051 1.019.092 1.555.092s1.057-.04 1.554-.092c1.265-.13 2.274-1.167 2.397-2.44a16 16 0 0 0 .08-1.653c.856-.43 1.597-.893 2.287-1.325c.35-.22.68-.587.681-1.093c0-.505-.328-.872-.677-1.093l-.046-.028c-.684-.432-1.42-.896-2.273-1.323c-.851-.425-1.773-.79-2.634-1.13zM4.226 7.825c.472.2.946.388 1.404.57l.058.023c.785.31 1.86.31 2.646-.002c.47-.187.957-.382 1.441-.589q-.02.477-.068.955c-.067.696-.623 1.25-1.279 1.317c-.478.049-.952.085-1.427.085s-.95-.036-1.428-.085c-.656-.067-1.212-.621-1.28-1.317q-.047-.48-.067-.957" clip-rule="evenodd"/></svg>Graduation Cap Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:graduation-cap-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:graduation-cap-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:graduation-cap-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--graduation-cap-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:graduation-cap-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:graduation-cap-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/graduation-cap-remix.svg" alt="Graduation Cap Remix アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Graduation Cap Remix アイコン
Graduation Cap Remix アイコン のよくある質問
Graduation Cap Remix アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Graduation Cap Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:graduation-cap-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Graduation Cap Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/graduation-cap-remix.svg" alt="Graduation Cap Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。