新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
Action Face - ベクターと3Dのアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Action Face - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Action Face icon"><title>Action Face - Material Icons icon</title><desc>Free Action Face vector icon from the Material Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10.25 13c0 .69-.56 1.25-1.25 1.25S7.75 13.69 7.75 13s.56-1.25 1.25-1.25 1.25.56 1.25 1.25zM15 11.75c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zm7 .25c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10zM10.66 4.12C12.06 6.44 14.6 8 17.5 8c.46 0 .91-.05 1.34-.12C17.44 5.56 14.9 4 12 4c-.46 0-.91.05-1.34.12zM4.42 9.47c1.71-.97 3.03-2.55 3.66-4.44C6.37 6 5.05 7.58 4.42 9.47zM20 12c0-.78-.12-1.53-.33-2.24-.7.15-1.42.24-2.17.24-3.13 0-5.92-1.44-7.76-3.69C8.69 8.87 6.6 10.88 4 11.86c.01.04 0 .09 0 .14 0 4.41 3.59 8 8 8s8-3.59 8-8z"/></svg>
このアイコンを改善または作り変えますか? Action Face
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Action Face
Library: Material Icons | Author: Google LLC | License: Apache-2.0 | 登録不要 | 100%ブラウザ完結処理
Action Face - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Action Face
| 正規の識別子 | material/material-outlined-action-action-face |
|---|---|
| 元のライブラリパック | Material Icons |
| 座標グリッドと viewBox | viewBox="0 0 24 24" |
| 非圧縮のサイズ | 971 bytes (~534 bytes gzipped) |
| SPDXライセンスと商用利用 | Apache-2.0 - 商用利用も無料 |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Action Face
- 見た目を調整する: カラー, 自動(線と塗り), 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG(透明), WebP(最適化) (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (76,166)
material-outlined-action-action-face.svg aria-hidden="true" focusable="false"
同じカテゴリの ユーザーインターフェース
見るRegular Square Split Horizontal
Phosphor Icons|interfaceSharp Device Device Note Alt
Material Icons|interfaceRegular Square Split Vertical
Phosphor Icons|interfaceSharp Device Device Password
Material Icons|interfaceRegular Square
Phosphor Icons|interfaceSharp Device Device Pattern
Material Icons|interfaceRegular Squares Four
Phosphor Icons|interfaceSharp Device Device Phishing
Material Icons|interfaceRegular Stack Minus
Phosphor Icons|interfaceSharp Device Device Pin
Material Icons|interfaceRegular Stack Overflow Logo
Phosphor Icons|interfaceさらに見る
Action Face - よくある質問
Action Face のSVGアイコンは商用利用無料ですか? +
はい、Material Icons コレクションの Action Face アイコンは Apache-2.0 ライセンスの下で商用サイトやアプリに無料で使用できます。
Action Face アイコンはダウンロード時に元の色を保持しますか? +
はい、エディターで新しい色を選択しない限り、Action Face の元の色がそのまま保持されます。
Action Face アイコンをReactやVueで使うには? +
このページで React TSX または Vue 3 タブを開き、Copy SVG をクリックします。コンポーネントをプロジェクトに貼り付け、CSS か Tailwind でスタイルを整えます。
Action Face を透過PNGとしてダウンロードできますか? +
はい、最大1024pxまでのサイズを選択して「PNGをダウンロード」をクリックしてください。
Action Face アイコンをCSSでアニメーションさせるには? +
ライブエディターでアニメーションを選択すると、CSSキーフレームが自動的に組み込まれます。
Action Face のAIプロンプトを生成できますか? +
はい、このページのAIプロンプト生成機能で3Dやガラス風のプロンプトを作成できます。
Action Face アイコンは画質を落とさずサイズ変更できますか? +
できます。Action Face は拡大できる viewBox を持つベクターなので、16px、64px、512px、印刷でも鮮明です。
Action Face ファイルの問題はどこに報告しますか? +
アイコンの URL を添えて support@svgnexus.com へご連絡ください。Action Face のライセンス相談は legal@svgnexus.com です。
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。