Coursera アイコン
thesvg-color:coursera
Coursera アイコン(thesvg-color:coursera)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1155 × 164 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 1155 × 164
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1155" height="164" viewBox="0 0 1155 164"><path fill="#0056d2" d="M160 82c0-45 36-81 82-81s83 36 83 81c0 44-37 80-83 80s-82-36-82-80m125 0a43 43 0 0 0-86 0a43 43 0 0 0 86 0m706 1c0-49 40-82 76-82c24 0 38 8 48 22l3-19h37v155h-37l-4-16c-11 12-25 19-47 19c-36 0-76-31-76-79m126 0c0-24-20-43-43-43c-24 0-43 19-43 43c0 21 19 41 42 41c24 0 44-20 44-41M946 22V4h-40v155h40V76c0-26 12-39 34-39l4 1l7-38c-21 0-36 7-45 22m-404 0V4h-41l1 155h40V76c0-26 12-39 34-39l4 1l7-38c-21 0-36 7-45 22M339 99V4h40v90c0 20 11 32 31 32c21 0 34-13 34-38V4h40v155h-40v-18c-10 15-25 22-47 22c-36 0-58-26-58-64m392-17c0-44 31-81 80-81c46 0 78 37 78 80l-1 13H770c4 18 20 32 43 32c14 0 29-5 38-17l28 22a80 80 0 0 1-66 31c-47 0-82-35-82-80m118-16c-3-16-19-28-38-28s-34 11-40 27zm-262 60l36-19c6 13 18 20 35 20c15 0 21-5 21-12c0-25-85-10-85-67c0-31 28-48 62-48c26 0 49 12 61 33l-35 19c-5-11-15-17-28-17c-12 0-18 5-18 12c0 24 85 9 85 67c0 30-25 48-64 48c-34 0-58-11-70-36M0 82C0 37 37 1 82 1c28 0 55 13 70 37l-34 20a43 43 0 0 0-36-19c-23 0-42 20-42 43c0 22 19 42 42 42a43 43 0 0 0 37-20l34 20A83 83 0 0 1 0 82"/></svg>
Coursera アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:coursera" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:coursera" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:coursera" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--coursera]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:coursera"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:coursera"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/coursera.svg" alt="Coursera アイコン" width="24" height="24">
Coursera アイコン のよくある質問
Coursera アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Coursera アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:coursera" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coursera アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/coursera.svg" alt="Coursera アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
ICONYZ
