新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
Rewind - ベクターと3Dのアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Rewind - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Rewind icon"><title>Rewind - Phosphor Icons icon</title><desc>Free Rewind vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M221.85,61.48a12,12,0,0,0-12.18.39L124,116.43V71.84a11.66,11.66,0,0,0-6.15-10.36,12,12,0,0,0-12.18.39L17.48,118a11.81,11.81,0,0,0,0,19.94l88.19,56.16a12,12,0,0,0,12.18.39A11.66,11.66,0,0,0,124,184.16V139.57l85.67,54.56a12,12,0,0,0,12.18.39A11.66,11.66,0,0,0,228,184.16V71.84A11.66,11.66,0,0,0,221.85,61.48ZM116,184.16a3.76,3.76,0,0,1-2,3.35,3.91,3.91,0,0,1-4-.13L21.78,131.22a3.8,3.8,0,0,1,0-6.44L110,68.62a3.94,3.94,0,0,1,2.13-.63,4,4,0,0,1,1.91.5,3.76,3.76,0,0,1,2,3.35Zm104,0a3.76,3.76,0,0,1-2,3.35,3.91,3.91,0,0,1-4-.13l-88.18-56.16a3.8,3.8,0,0,1,0-6.44L214,68.62a3.94,3.94,0,0,1,2.13-.63,4,4,0,0,1,1.91.5,3.76,3.76,0,0,1,2,3.35Z"/></svg>
このアイコンを改善または作り変えますか? Rewind
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Rewind
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | 登録不要 | 100%ブラウザ完結処理
Rewind - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Rewind
| 正規の識別子 | phosphor/phosphor-thin-rewind-thin |
|---|---|
| 元のライブラリパック | Phosphor Icons |
| 座標グリッドと viewBox | viewBox="0 0 256 256" |
| 非圧縮のサイズ | 974 bytes (~536 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Rewind
- 見た目を調整する: カラー, 自動(線と塗り), 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG(透明), WebP(最適化) (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (76,166)
phosphor-thin-rewind-thin.svg aria-hidden="true" focusable="false"
同じカテゴリの ユーザーインターフェース
見るOutline Olympics Off
Tabler Icons|interfaceRound Action Action Visibility Off
Material Icons|interfaceOutline Olympics
Tabler Icons|interfaceRound Action Action Visibility
Material Icons|interfaceOutline Om
Tabler Icons|interfaceRound Action Action Voice Over Off
Material Icons|interfaceOutline Omega
Tabler Icons|interfaceRound Action Action Watch Later
Material Icons|interfaceOutline Option
Tabler Icons|interfaceRound Action Action Webhook
Material Icons|interfaceOutline Orbit Vertical
Tabler Icons|interfaceさらに見る
Rewind - よくある質問
Rewind のSVGアイコンは商用利用無料ですか? +
はい、Phosphor Icons コレクションの Rewind アイコンは MIT ライセンスの下で商用サイトやアプリに無料で使用できます。
Rewind アイコンはダウンロード時に元の色を保持しますか? +
はい、エディターで新しい色を選択しない限り、Rewind の元の色がそのまま保持されます。
Rewind アイコンをReactやVueで使うには? +
このページで React TSX または Vue 3 タブを開き、Copy SVG をクリックします。コンポーネントをプロジェクトに貼り付け、CSS か Tailwind でスタイルを整えます。
Rewind を透過PNGとしてダウンロードできますか? +
はい、最大1024pxまでのサイズを選択して「PNGをダウンロード」をクリックしてください。
Rewind アイコンをCSSでアニメーションさせるには? +
ライブエディターでアニメーションを選択すると、CSSキーフレームが自動的に組み込まれます。
Rewind のAIプロンプトを生成できますか? +
はい、このページのAIプロンプト生成機能で3Dやガラス風のプロンプトを作成できます。
Rewind アイコンは画質を落とさずサイズ変更できますか? +
できます。Rewind は拡大できる viewBox を持つベクターなので、16px、64px、512px、印刷でも鮮明です。
Rewind ファイルの問題はどこに報告しますか? +
アイコンの URL を添えて support@svgnexus.com へご連絡ください。Rewind のライセンス相談は legal@svgnexus.com です。
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。