Doi アイコン

academicons:doi

Doi アイコン(academicons:doi)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M115.592 222.507c-9.726 0-18.734 7.074-24.986 14.417c-5.06 5.954-7.59 15.133-7.59 22.775c0 7.64 2.87 16.139 7.931 22.093c6.152 7.343 12.778 12.375 22.603 12.375c8.833 0 19.338-3.708 25.39-9.76c6.151-6.054 11.269-16.218 11.269-25.05c0-8.73-2.396-19.186-8.548-25.24c-6.153-6.154-17.338-11.61-26.07-11.61zm174.644 2.4q-15.181 0-24.709 11.937q-7.739 9.58-7.74 21.828q.001 12.407 7.74 21.986q9.527 11.936 24.71 11.937c9.03 0 16.67-3.251 22.92-9.742c6.254-6.597 9.379-14.653 9.379-24.18q-.001-14.133-9.527-23.868c-6.25-6.595-13.843-9.898-22.773-9.898M256 8C119.034 8 8 119.034 8 256s111.034 248 248 248s248-111.034 248-248S392.966 8 256 8m-58.826 323.79H151.24v-18.699c-4.665 5.855-15.639 11.824-20.4 14.502c-8.335 4.663-19.654 7.7-30.273 7.7c-17.168 0-32.45-5.424-45.845-17.231c-15.977-14.09-23.483-35.633-23.483-58.854q0-35.427 24.56-56.563c12.999-11.214 28.896-20.19 45.766-20.19c9.822 0 21.94.883 30.572 5.05c4.962 2.38 13.844 7.985 19.104 13.443v-98.502h45.936v229.345zm157.216-21.14q-22.922 26.383-64.154 26.384q-41.379-.001-64.304-26.383c-12.6-14.448-18.904-32.193-18.904-53.235q0-28.424 19.053-50.408q23.07-26.54 65.64-26.54q39.147-.001 62.518 26.54q19.053 21.67 19.052 51.664q.003 30.308-18.901 51.98zm38.769-199.217q8.038-8.039 19.499-8.038t19.499 8.038q8.037 7.89 8.037 19.35q0 11.61-8.037 19.648q-7.89 7.888-19.5 7.888q-11.464 0-19.498-8.038q-7.89-8.037-7.889-19.499c-.003-7.64 2.63-14.09 7.889-19.35zm43.91 220.242h-48.823V185.841h48.823z"/></svg>

Doi アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="academicons:doi" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="academicons:doi" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="academicons:doi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--doi]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:doi"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="academicons:doi"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/academicons/doi.svg" alt="Doi アイコン" width="24" height="24">

Academicons の関連アイコン

他のアイコンセットの Doi アイコン

Doi アイコンのよくある質問

Doi アイコンは商用利用でも無料ですか?

はい。Academicons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Doi アイコンを使うには?

@iconify/react をインストールして <Icon icon="academicons:doi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Doi アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/academicons/doi.svg" alt="Doi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Academicons をすべて見る →