Mihoyo アイコン
simple-icons:mihoyo
Mihoyo アイコン(simple-icons:mihoyo)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.939 8.8a.65.65 0 0 0-.653.653a.65.65 0 0 0 .653.653a.65.65 0 0 0 .653-.653a.65.65 0 0 0-.653-.653m-5.506 1.886A1.43 1.43 0 0 0 0 12.118v2.474a.59.59 0 0 0 .592.592a.59.59 0 0 0 .592-.592v-2.25a.464.464 0 0 1 .465-.464a.464.464 0 0 1 .465.465v2.249a.59.59 0 1 0 1.184 0v-2.25a.464.464 0 0 1 .465-.464a.464.464 0 0 1 .465.465v1.208c.001.914.736 1.649 1.65 1.649s1.649-.735 1.649-1.649V11.49a.59.59 0 0 0-.592-.592a.59.59 0 0 0-.592.592v2.037a.464.464 0 0 1-.465.465a.464.464 0 0 1-.466-.465v-1.409a1.43 1.43 0 0 0-1.433-1.432c-.448 0-.853.202-1.115.525c-.033.04-.08.079-.158.079s-.125-.038-.158-.079a1.43 1.43 0 0 0-1.115-.525M9.057 9.16a.59.59 0 0 0-.592.591v4.84a.59.59 0 0 0 .592.593a.59.59 0 0 0 .592-.592v-1.588a.27.27 0 0 1 .27-.27h.636a.27.27 0 0 1 .27.27v1.588a.59.59 0 0 0 .591.592a.59.59 0 0 0 .592-.592V9.75a.59.59 0 0 0-.592-.592a.59.59 0 0 0-.592.592v1.465a.27.27 0 0 1-.269.27h-.637a.27.27 0 0 1-.269-.27V9.751a.59.59 0 0 0-.592-.592m7.784 0a.286.286 0 0 0-.203.47l1.166 2.11v2.853a.59.59 0 0 0 .592.592a.59.59 0 0 0 .592-.592v-2.853l1.166-2.11c.168-.233-.015-.47-.203-.47h-.606a.27.27 0 0 0-.218.126l-.65 1.188c-.017.03-.046.041-.077.041s-.063-.01-.08-.04l-.655-1.19a.27.27 0 0 0-.218-.125zm-3.776 1.2c-.032 0-.053.155-.053.368s.041.416.082.416c.04 0 .04-.025.237-.196s.228-.171.228-.22s-.073-.09-.245-.213c-.171-.122-.216-.155-.249-.155m3.437 0c-.032 0-.077.033-.249.155s-.245.164-.245.213s.033.048.229.22s.196.196.237.196s.081-.204.081-.416s-.02-.368-.053-.368m-1.718.343c-1.082 0-1.96 1.006-1.96 2.245s.878 2.245 1.96 2.245s1.959-1.005 1.959-2.245s-.877-2.245-1.96-2.245m0 1.118c.541 0 .98.506.98 1.127c0 .622-.438 1.126-.98 1.126s-.979-.504-.979-1.126c0-.62.44-1.127.98-1.127m8.685-1.33c-.334 0-.498.147-.596.22s-.18.147-.269.147c-.229 0-.392-.155-.849-.155c-1.082 0-1.96 1.005-1.96 2.245s.878 2.245 1.96 2.245s1.96-1.005 1.96-2.245c0-.452-.12-.894-.343-1.267c-.037-.096-.05-.194-.05-.386c0-.265.128-.46.27-.56a.8.8 0 0 1 .408-.138a1.2 1.2 0 0 0-.53-.106m-1.715 1.33c.54 0 .98.505.98 1.127s-.439 1.126-.98 1.126s-.98-.504-.98-1.126c0-.62.44-1.126.98-1.127"/></svg>Mihoyo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:mihoyo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:mihoyo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:mihoyo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--mihoyo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:mihoyo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:mihoyo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/mihoyo.svg" alt="Mihoyo アイコン" width="24" height="24">他のアイコンセットの Mihoyo アイコン
Mihoyo アイコン のよくある質問
Mihoyo アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mihoyo アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:mihoyo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mihoyo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/mihoyo.svg" alt="Mihoyo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。