outline
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Anim Mouse Scroll Up SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Anim Mouse Scroll Up - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" width="36" height="36" role="img" aria-label="Anim Mouse Scroll Up icon"><title>Anim Mouse Scroll Up - Mouse icon</title><desc>Free Anim Mouse Scroll Up vector icon from the Mouse open-source icon library; outline style, MIT licence, viewBox 0 0 48 48, 1687 bytes.</desc>
<style>@keyframes mn04-w{0,100%{transform:translateY(0)}50%{transform:translateY(-3.4px)}}@keyframes mn04-ln{0,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes mn04-chev{0,100%{opacity:.2;transform:translateY(2px)}50%{opacity:1;transform:translateY(0)}}.nx4519_mn04-w{animation:mn04-w 1.7s cubic-bezier(.45,0,.55,1) infinite}.nx4519_mn04-l{animation:mn04-ln 1.7s cubic-bezier(.45,0,.55,1) infinite}.nx4519_mn04-c{animation:mn04-chev 1.7s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*{animation:none!important}}</style><g transform="translate(2.2 2.4) scale(0.7)"><path d="M17 8.4h14a7 7 0 0 1 7 7v12a7 7 0 0 1-7 7H17a7 7 0 0 1-7-7v-12a7 7 0 0 1 7-7Z" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 20.6h14" fill="none" stroke="currentColor" stroke-width="1.4875" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 13.2H24A1.4 1.4 0 0 1 25.4 14.6V18.2A1.4 1.4 0 0 1 24 19.6H24A1.4 1.4 0 0 1 22.6 18.2V14.6A1.4 1.4 0 0 1 24 13.2Z" fill="currentColor" fill-opacity="1.0"/></g><g class="nx4519_mn04-w"><path d="M23.5 11.6H23.5A1.6 1.6 0 0 1 25.1 13.2V15A1.6 1.6 0 0 1 23.5 16.6H23.5A1.6 1.6 0 0 1 21.9 15V13.2A1.6 1.6 0 0 1 23.5 11.6Z" fill="currentColor" fill-opacity="1.0"/></g><g class="nx4519_mn04-c"><path d="M34 22l4.6-3.8 4.6 3.8" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></g><g class="nx4519_mn04-l"><path d="M31 29h12M31 33h12M31 37h8.4" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g>
</svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Anim Mouse Scroll Up
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Anim Mouse Scroll Up
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | 登録不要 | 100%ブラウザ完結処理
キーワード
#anim
#mouse
#scroll
#up
#interface
#outline
Anim Mouse Scroll Up - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Anim Mouse Scroll Up
このアイコンの使い方と調整方法: Anim Mouse Scroll Up
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG（透明）, WebP（最適化） (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (77,087)
アクセシビリティのヒント (WCAG 2.1): 飾りのアイコンは aria-hidden と focusable false で隠します。アイコンだけのボタンには分かりやすい aria-label を付けます。右から左に書く言語では矢印を左右反転します。
anim-mouse-scroll-up.svg aria-hidden="true" focusable="false"
同じカテゴリの ユーザーインターフェース
見るduotone
Trend Up
Phosphor Icons|interfacesolid
Brightness Up
Tabler Icons|interfacesolid
Action Swipe Up
Material Icons|interfacesolid
Circle Chevrons Up
Tabler Icons|interfaceoutline
Games Controller
Domain Icons|interface
Hand
Phosphor Icons|interface
Action Compare Arrows
Material Icons|interface
Straw Hat
IconPark|interface
Games Puzzle
Domain Icons|interface
Action Exit To App
Material Icons|interface
Games Sword
Domain Icons|interface
Less Than
Phosphor Icons|interface
Text Recognition
IconPark|interface
Top Bar
IconPark|interface
Add Circle
Fluent UI Color|interface
Americanexpress
SVG Icons Collection|interface
Audio Spectrum
Open Iconic|interface
Open Iconic|interface
Align Left
MingCute Icons|interface
Calculator
Open Iconic|interface
Android
MingCute Icons|interface
Anticlockwise Alt
MingCute Icons|interface
Appstore
MingCute Icons Fill|interfaceさらに見る
よくある質問
Anim Mouse Scroll Up - よくある質問
Anim Mouse Scroll Upにはどのライセンスが適用されますか？ +
Anim Mouse Scroll UpはMouseのもので、MITの対象です。帰属表示：クレジット必須。
Anim Mouse Scroll Upはどの形式でダウンロードできますか？ +
Anim Mouse Scroll Upはoutlineスタイルのベクターです（viewBox 0 0 48 48）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Anim Mouse Scroll Upアイコンはどこから来たのですか？ +
Anim Mouse Scroll UpはMouseライブラリの一部です。作者はMouse Contributors、カテゴリはユーザーインターフェースです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 77,087 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。