Mkdocs アイコン
selfhst:mkdocs
Mkdocs アイコン(selfhst:mkdocs)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- mkdoc
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M427.6 0H99.2c-27 0-48.9 21.9-48.9 48.9v414.2c0 27 21.9 48.9 48.9 48.9h303.7c14.4 0 26.1-11.7 26.1-26.1v-39.6c18.3-.7 32.9-15.7 32.9-34.1v-378C461.8 15.3 446.5 0 427.6 0"/><path fill="#fff" d="M130.2 33.1v378.4h297.5V33.1zm227.1 146.2H202.7V90.8h154.6zM98.2 411c-1.4.2-3.5.6-5.8 1.4c-7.1 2.2-12 5.5-14.9 8.3c-9.3 8.7-3.4 1.6-19.5 21.3v-30.5c4.5-6.5 9.1-11.3 12.7-14.6c4.1-3.7 9.2-8.4 17.2-12.1c3.6-1.7 7.9-2.7 10.3-3.3c.3 9.8-.4 19.6 0 29.5m291.1 35.4H102.5c-9.4 0-17.1 7.7-17.1 17.1s7.7 17.1 17.1 17.1h286.9c9.4 0 17.1-7.7 17.1-17.1v-17.1z"/></svg>Mkdocs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:mkdocs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:mkdocs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:mkdocs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--mkdocs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:mkdocs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:mkdocs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/mkdocs.svg" alt="Mkdocs アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Mkdocs アイコン のよくある質問
Mkdocs アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mkdocs アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:mkdocs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mkdocs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/mkdocs.svg" alt="Mkdocs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。