Global Learning Flat アイコン
streamline-color:global-learning-flat
Global Learning Flat アイコン(streamline-color:global-learning-flat)は、Streamline color セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Streamline color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline color
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 仕事・教育
- タグ
- globallearning、learningflat、globallearningflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#2859c5" d="M9.264 6.717a.55.55 0 0 1 .434 0L13.67 8.44a.546.546 0 0 1 0 1.002l-3.973 1.722a.55.55 0 0 1-.434 0L6.189 9.83v2.3a.683.683 0 0 1-1.365 0V9.104a.68.68 0 0 1 .35-.595a.6.6 0 0 1 .116-.069zm-.475 5.387l-2.024-.877l.003 1.36c0 .118.039.233.11.328l.435-.33l-.435.33v.001l.002.001l.001.002l.005.006l.012.015l.037.044q.046.052.127.132c.11.104.269.238.482.369c.43.265 1.07.515 1.936.515s1.506-.25 1.937-.515c.214-.13.374-.264.483-.368a2 2 0 0 0 .165-.176l.012-.015l.005-.005l.001-.003h.001v-.001l-.433-.33l.434.33a.55.55 0 0 0 .111-.331v-1.359l-2.024.877a1.74 1.74 0 0 1-1.383 0"/><path fill="#8fbffa" d="M6.006 0a6.006 6.006 0 0 0-2.317 11.548V9.052a1.75 1.75 0 0 1 1.05-1.737l4.025-1.743a1.75 1.75 0 0 1 1.391 0l1.846.8A6.006 6.006 0 0 0 6.006 0"/><path fill="#2859c5" d="M6.395.012a.6.6 0 0 1 .094.094A10.13 10.13 0 0 1 8.697 5.38h3.282a6 6 0 0 1 .022.99l-1.846-.8a1.75 1.75 0 0 0-1.391 0L6.319 6.63H4.57q.045.357.119.708a1.75 1.75 0 0 0-.968 1.23a10 10 0 0 1-.41-1.938H.032a6 6 0 0 1 0-1.25H3.31A10.13 10.13 0 0 1 5.52.106a.6.6 0 0 1 .093-.093a6 6 0 0 1 .783 0ZM6.004 1.55a8.9 8.9 0 0 1 1.435 3.83h-2.87a8.9 8.9 0 0 1 1.435-3.83"/></g></svg>Global Learning Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-color:global-learning-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-color:global-learning-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-color:global-learning-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-color--global-learning-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-color -->
<div class="i-streamline-color:global-learning-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-color:global-learning-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-color/global-learning-flat.svg" alt="Global Learning Flat アイコン" width="24" height="24">Streamline color の関連アイコン
他のアイコンセットの Global Learning Flat アイコン
Global Learning Flat アイコン のよくある質問
Global Learning Flat アイコンは商用利用でも無料ですか?
はい。Streamline color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Global Learning Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-color:global-learning-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Global Learning Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-color/global-learning-flat.svg" alt="Global Learning Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。