新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
Clock Counter Clockwise - ベクターと3Dのアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Clock Counter Clockwise - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Clock Counter Clockwise icon"><title>Clock Counter Clockwise - Phosphor Icons icon</title><desc>Free Clock Counter Clockwise vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M136,80v43.47l36.12,21.67a8,8,0,0,1-8.24,13.72l-40-24A8,8,0,0,1,120,128V80a8,8,0,0,1,16,0Zm-8-48A95.44,95.44,0,0,0,60.08,60.15C52.81,67.51,46.35,74.59,40,82V64a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16H49c7.15-8.42,14.27-16.35,22.39-24.57a80,80,0,1,1,1.66,114.75,8,8,0,1,0-11,11.64A96,96,0,1,0,128,32Z"/></svg>
このアイコンを改善または作り変えますか? Clock Counter Clockwise
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Clock Counter Clockwise
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | 登録不要 | 100%ブラウザ完結処理
Clock Counter Clockwise - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Clock Counter Clockwise
| 正規の識別子 | phosphor/phosphor-regular-clock-counter-clockwise |
|---|---|
| 元のライブラリパック | Phosphor Icons |
| 座標グリッドと viewBox | viewBox="0 0 256 256" |
| 非圧縮のサイズ | 701 bytes (~386 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Clock Counter Clockwise
- 見た目を調整する: カラー, 自動(線と塗り), 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG(透明), WebP(最適化) (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (76,166)
phosphor-regular-clock-counter-clockwise.svg aria-hidden="true" focusable="false"
同じカテゴリの ユーザーインターフェース
見るRegular Type Bold
Bootstrap Icons|interfaceRegular Type H1
Bootstrap Icons|interfaceRegular Type H2
Bootstrap Icons|interfaceRegular Type H3
Bootstrap Icons|interfaceRegular Type H4
Bootstrap Icons|interfaceRegular Type H5
Bootstrap Icons|interfaceRegular Type H6
Bootstrap Icons|interfaceRegular Type Italic
Bootstrap Icons|interfaceRegular Type Strikethrough
Bootstrap Icons|interfaceRegular Type Underline
Bootstrap Icons|interfaceRegular Type
Bootstrap Icons|interfaceさらに見る
Clock Counter Clockwise - よくある質問
Clock Counter Clockwise のSVGアイコンは商用利用無料ですか? +
はい、Phosphor Icons コレクションの Clock Counter Clockwise アイコンは MIT ライセンスの下で商用サイトやアプリに無料で使用できます。
Clock Counter Clockwise アイコンはダウンロード時に元の色を保持しますか? +
はい、エディターで新しい色を選択しない限り、Clock Counter Clockwise の元の色がそのまま保持されます。
Clock Counter Clockwise アイコンをReactやVueで使うには? +
このページで React TSX または Vue 3 タブを開き、Copy SVG をクリックします。コンポーネントをプロジェクトに貼り付け、CSS か Tailwind でスタイルを整えます。
Clock Counter Clockwise を透過PNGとしてダウンロードできますか? +
はい、最大1024pxまでのサイズを選択して「PNGをダウンロード」をクリックしてください。
Clock Counter Clockwise アイコンをCSSでアニメーションさせるには? +
ライブエディターでアニメーションを選択すると、CSSキーフレームが自動的に組み込まれます。
Clock Counter Clockwise のAIプロンプトを生成できますか? +
はい、このページのAIプロンプト生成機能で3Dやガラス風のプロンプトを作成できます。
Clock Counter Clockwise アイコンは画質を落とさずサイズ変更できますか? +
できます。Clock Counter Clockwise は拡大できる viewBox を持つベクターなので、16px、64px、512px、印刷でも鮮明です。
Clock Counter Clockwise ファイルの問題はどこに報告しますか? +
アイコンの URL を添えて support@svgnexus.com へご連絡ください。Clock Counter Clockwise のライセンス相談は legal@svgnexus.com です。
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。