Mouse Minimalistic Outline アイコン
solar:mouse-minimalistic-outline
Mouse Minimalistic Outline アイコン(solar:mouse-minimalistic-outline)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- デバイス
- タグ
- mouseminimalistic、minimalisticoutline、mouseminimalisticoutline
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="M4.25 9C4.25 4.71979 7.71979 1.25 12 1.25C16.2802 1.25 19.75 4.71979 19.75 9V15C19.75 19.2802 16.2802 22.75 12 22.75C7.71979 22.75 4.25 19.2802 4.25 15V9ZM12 2.75C8.54822 2.75 5.75 5.54822 5.75 9V15C5.75 18.4518 8.54822 21.25 12 21.25C15.4518 21.25 18.25 18.4518 18.25 15V9C18.25 5.54822 15.4518 2.75 12 2.75ZM12 4.25C12.4142 4.25 12.75 4.58579 12.75 5V8C12.75 8.41421 12.4142 8.75 12 8.75C11.5858 8.75 11.25 8.41421 11.25 8V5C11.25 4.58579 11.5858 4.25 12 4.25Z" clip-rule="evenodd"/></svg>Mouse Minimalistic Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:mouse-minimalistic-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:mouse-minimalistic-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:mouse-minimalistic-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--mouse-minimalistic-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:mouse-minimalistic-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:mouse-minimalistic-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/mouse-minimalistic-outline.svg" alt="Mouse Minimalistic Outline アイコン" width="24" height="24">Solar の関連アイコン
mouse-bold
mouse-bold-duotone
mouse-broken
mouse-circle-bold
mouse-circle-bold-duotone
mouse-circle-broken
mouse-circle-line-duotone
mouse-circle-linear
mouse-circle-outline
mouse-line-duotone
mouse-linear
mouse-minimalistic-bold
mouse-minimalistic-bold-duotone
mouse-minimalistic-broken
mouse-minimalistic-line-duotone
mouse-minimalistic-linear
mouse-outline
Mouse Minimalistic Outline アイコン のよくある質問
Mouse Minimalistic Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mouse Minimalistic Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:mouse-minimalistic-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mouse Minimalistic Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/mouse-minimalistic-outline.svg" alt="Mouse Minimalistic Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。