Logo Wikiversity アイコン
ooui:logo-wikiversity
Logo Wikiversity アイコン(ooui:logo-wikiversity)は、OOUI セットの無料 SVG アイコンです(作者: OOUI Team)。 20 × 20 のグリッドで描かれています。 OOUI icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M9.982 3c-.2.04-.44.196-.641.47c-.2.234-.361.585-.521.976h2.284c-.16-.43-.32-.742-.52-.977c-.161-.273-.402-.43-.602-.469m.722.079c.08.078.12.117.16.195q.36.468.601 1.172h1.604c-.642-.703-1.443-1.211-2.365-1.367m-1.444 0a4.37 4.37 0 0 0-2.365 1.406H8.5c.16-.469.36-.899.601-1.172a.6.6 0 0 1 .16-.234Zm-1.162.039a6.35 6.35 0 0 0-2.285 1.328h.682a5.2 5.2 0 0 1 1.603-1.328m3.848.039c.601.312 1.123.742 1.604 1.328h.681a6.1 6.1 0 0 0-2.285-1.328m-6.494 1.64A6.1 6.1 0 0 0 4.29 6.596h1.042a7.5 7.5 0 0 1 .882-1.797h-.762Zm1.163 0a7 7 0 0 0-.962 1.798h2.365c.08-.586.2-1.211.4-1.797zm2.124 0c-.2.587-.32 1.173-.4 1.798h3.327a9.7 9.7 0 0 0-.401-1.797zm2.887 0c.16.587.32 1.173.4 1.798h2.325a5.6 5.6 0 0 0-.962-1.797zm2.164 0c.401.548.682 1.134.882 1.798h1.042c-.28-.664-.681-1.25-1.162-1.797zm-9.62 2.11a6.1 6.1 0 0 0-.361 2.072H4.97c0-.704.08-1.407.28-2.071zm1.403 0a7.2 7.2 0 0 0-.281 2.072h2.566c0-.704.04-1.368.12-2.071zm2.725 0c-.08.704-.12 1.368-.12 2.072h3.648c0-.704-.04-1.368-.12-2.071zm3.728 0c.08.704.12 1.368.12 2.072h2.566a7.2 7.2 0 0 0-.28-2.071zm2.726 0c.2.665.28 1.368.28 2.072h1.163a6.1 6.1 0 0 0-.36-2.071zM20 9.332H0v.646h20zm-16.645 1H.685v6.707h2.67zm5.321 0H6.005v6.707h2.67zm5.32 0h-2.67v6.707h2.67zm5.321 0h-2.671v6.707h2.67zM20 17.355H0V18h20z"/></svg>Logo Wikiversity アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ooui:logo-wikiversity" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ooui:logo-wikiversity" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ooui:logo-wikiversity" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ooui--logo-wikiversity]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ooui -->
<div class="i-ooui:logo-wikiversity"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ooui:logo-wikiversity"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ooui/logo-wikiversity.svg" alt="Logo Wikiversity アイコン" width="24" height="24">OOUI の関連アイコン
Logo Wikiversity アイコン のよくある質問
Logo Wikiversity アイコンは商用利用でも無料ですか?
はい。OOUI icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Logo Wikiversity アイコンを使うには?
@iconify/react をインストールして <Icon icon="ooui:logo-wikiversity" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Logo Wikiversity アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ooui/logo-wikiversity.svg" alt="Logo Wikiversity アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。