Osf アイコン
academicons:osf
Osf アイコン(academicons:osf)は、Academicons セットの無料 SVG アイコンです（作者: James Walsh）。 512 × 512 のグリッドで描かれています。 Academicons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Academicons
- 作者
- James Walsh
- ライセンス
- OFL-1.1
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8c-34.36 0-62.215 27.855-62.215 62.215c0 20.303 9.87 38.161 24.917 49.517C218.89 99.275 235.498 82.74 256 82.74s37.111 16.536 37.3 36.993c15.045-11.356 24.917-29.212 24.917-49.517C318.213 35.855 290.359 8 255.999 8Zm37.297 384.268c-.189 20.46-16.796 36.993-37.297 36.993s-37.11-16.536-37.297-36.993c-15.048 11.356-24.918 29.212-24.918 49.517C193.785 476.145 221.64 504 256 504s62.215-27.855 62.215-62.215c0-20.303-9.87-38.161-24.917-49.517zm148.488-198.483c-20.303 0-38.163 9.87-49.517 24.918c20.458.188 36.993 16.796 36.993 37.296c0 20.501-16.535 37.111-36.991 37.3c11.356 15.045 29.212 24.917 49.517 24.917C476.145 318.213 504 290.36 504 256s-27.855-62.215-62.215-62.215M82.739 256c0-20.501 16.535-37.111 36.993-37.297c-11.356-15.047-29.214-24.918-49.517-24.918C35.855 193.785 8 221.64 8 256.001c0 34.36 27.855 62.215 62.215 62.215c20.303 0 38.161-9.871 49.517-24.918c-20.458-.188-36.993-16.796-36.993-37.297zM431.363 80.637c-24.296-24.296-63.689-24.296-87.985 0c-14.357 14.357-20.003 33.963-17.393 52.634c-.082.08-.182.134-.264.215c-14.578 14.578-14.578 38.216 0 52.794s38.216 14.578 52.794 0c.083-.082.135-.182.218-.264c18.668 2.608 38.274-3.038 52.631-17.393c24.294-24.298 24.294-63.689-.003-87.986zM186.28 378.512c14.578-14.578 14.578-38.215 0-52.793c-14.578-14.579-38.217-14.578-52.795 0c-.083.082-.135.182-.215.262c-18.67-2.608-38.277 3.035-52.634 17.395c-24.297 24.295-24.297 63.688 0 87.984c24.296 24.296 63.689 24.296 87.985 0c14.357-14.357 20.003-33.963 17.393-52.634c.085-.078.184-.132.267-.215zm0-245.026c-.083-.082-.182-.134-.265-.215c2.608-18.668-3.038-38.275-17.393-52.634c-24.298-24.295-63.688-24.295-87.985 0c-24.297 24.298-24.297 63.689 0 87.986c14.357 14.357 33.964 20.003 52.632 17.394c.08.082.134.182.215.264c14.578 14.578 38.217 14.578 52.795 0c14.577-14.578 14.577-38.217 0-52.795zm245.082 209.89c-14.357-14.357-33.964-20.003-52.634-17.395c-.081-.082-.132-.182-.215-.262c-14.578-14.578-38.217-14.578-52.795 0s-14.578 38.215 0 52.793c.083.083.182.135.264.215c-2.608 18.671 3.038 38.277 17.394 52.634c24.295 24.296 63.688 24.296 87.984 0c24.298-24.295 24.298-63.688.003-87.984z"/></svg>Osf アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="academicons:osf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="academicons:osf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="academicons:osf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--osf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:osf"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="academicons:osf"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/academicons/osf.svg" alt="Osf アイコン" width="24" height="24">Academicons の関連アイコン
他のアイコンセットの Osf アイコン
Osf アイコン のよくある質問
Osf アイコンは商用利用でも無料ですか?
はい。Academicons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Osf アイコンを使うには?
@iconify/react をインストールして <Icon icon="academicons:osf" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Osf アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/academicons/osf.svg" alt="Osf アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。