Xiaomi Mimo アイコン
thesvg:xiaomi-mimo
Xiaomi Mimo アイコン(thesvg:xiaomi-mimo)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- xiaomimimo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M.958 15.936a.46.46 0 0 1 .459.44v2.729a.46.46 0 0 1-.918 0v-2.729a.46.46 0 0 1 .459-.44m4.814-2.035a.46.46 0 0 1 .553.45v4.754a.458.458 0 1 1-.918 0V15.48L3.74 17.202a.46.46 0 0 1-.655.016a.5.5 0 0 1-.065-.082L.628 14.67a.459.459 0 0 1 .658-.637L3.41 16.22l2.127-2.188a.46.46 0 0 1 .235-.13zm2.068.004a.46.46 0 0 1 .458.445v4.755a.46.46 0 0 1-.458.458a.46.46 0 0 1-.458-.458V14.35a.46.46 0 0 1 .458-.445m1.973 2.014a.46.46 0 0 1 .46.457v2.729a.46.46 0 0 1-.784.324a.46.46 0 0 1-.134-.324v-2.729a.46.46 0 0 1 .458-.458zm.002-2.045a.46.46 0 0 1 .328.157l2.127 2.19l2.125-2.19a.459.459 0 0 1 .784.318v4.756a.46.46 0 0 1-.455.458a.46.46 0 0 1-.458-.458V15.48l-1.667 1.723a.46.46 0 0 1-.65.008l-.005-.005q0-.002-.004-.003l-2.455-2.534a.46.46 0 0 1-.008-.667a.46.46 0 0 1 .338-.128m6.797 1.206a.46.46 0 0 1 .53.651A1.966 1.966 0 0 0 19.81 18.4a.46.46 0 0 1 .623.18a.46.46 0 0 1-.181.624a2.86 2.86 0 0 1-1.38.353l-.142-.004a2.88 2.88 0 0 1-2.393-4.263a.46.46 0 0 1 .274-.21zm.864-.931a2.884 2.884 0 0 1 3.915 3.914a.46.46 0 0 1-.402.24l-.057-.004a.5.5 0 0 1-.164-.055a.46.46 0 0 1-.182-.622a1.967 1.967 0 0 0-2.669-2.67a.459.459 0 1 1-.441-.803M9.59 6.368c1.481 0 1.696 1.202 1.696 1.654v2.648h-.917v-.432c-.26.346-.792.535-1.36.535c-.133 0-1.289-.03-1.384-1.136c-.082-.932.675-1.61 2.053-1.61h.691c0-.563-.367-.886-.983-.886c-.44.013-.864.174-1.2.458l-.36-.664c.484-.379 1.012-.567 1.764-.567m4.427.1c1.263 0 2.082.97 2.083 2.15c0 1.181-.824 2.154-2.083 2.154S11.933 9.8 11.933 8.62s.82-2.153 2.084-2.153zm6.801.015c.68 0 1.202.465 1.197 1.548v2.642H21.1V8.29c0-.312-.002-.98-.63-.98s-.628.667-.628.838v2.524h-.89V8.148c0-.17-.001-.838-.63-.838c-.628 0-.628.668-.628.98v2.383h-.917v-4.03h.917V7a1.22 1.22 0 0 1 .947-.516c.398 0 .76.193.982.686a1.32 1.32 0 0 1 1.195-.686zm-18.093.872l1.457-1.772H5.32L3.311 8.07l2.14 2.602H4.24L2.725 8.796L1.21 10.672H0L2.138 8.07L.13 5.583h1.138zm4.149 3.317h-.916V6.644h.916zm16.99 0h-.916V6.644h.916zM9.925 8.71c-1.055 0-1.359.412-1.326.742c.032.329.324.537.757.537a1.013 1.013 0 0 0 1.014-.968l.002-.31h-.447zm4.093-1.41c-.663 0-1.184.487-1.184 1.32c0 .832.52 1.32 1.184 1.32c.662 0 1.182-.49 1.182-1.32c0-.832-.52-1.32-1.182-1.32M6.417 5.001a.57.57 0 0 1 .587.582a.588.588 0 0 1-1.175 0A.57.57 0 0 1 6.417 5zm16.991 0a.57.57 0 0 1 .592.582a.588.588 0 0 1-1.174 0a.57.57 0 0 1 .357-.542a.6.6 0 0 1 .225-.04"/></svg>Xiaomi Mimo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:xiaomi-mimo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:xiaomi-mimo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:xiaomi-mimo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--xiaomi-mimo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:xiaomi-mimo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:xiaomi-mimo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/xiaomi-mimo.svg" alt="Xiaomi Mimo アイコン" width="24" height="24">theSVG の関連アイコン
他のアイコンセットの Xiaomi Mimo アイコン
Xiaomi Mimo アイコン のよくある質問
Xiaomi Mimo アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Xiaomi Mimo アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:xiaomi-mimo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xiaomi Mimo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/xiaomi-mimo.svg" alt="Xiaomi Mimo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。