アイコンマネージャーを使用すると簡単に使用できます SVG アイコン Blocs構築された Web サイト。また、強力な管理機能も備えており、新しいアイコン セットを簡単に追加したり、カスタム セットを作成したり、他のユーザーと共有したりすることもできます。
アイコンマネージャーを開く
アイコンマネージャを起動するには、 メインメニューバー とから Windows メニューを選択 アイコンマネージャー または、キーボードショートカットを使用します ⌘9.
![]()
Webページにアイコンを挿入
Web サイトにアイコンを追加する最も簡単な方法は、アイコン マネージャーから Web ページにアイコンをドラッグすることです。または、ページにアイコン ブリックを追加して選択し、アイコン マネージャーでアイコンをクリックして適用することもできます。
![]()
アイコンセット
アイコンマネージャはカスタムアイコンセットをサポートしており、ドラッグアンドドロップでアイコンを簡単に整理できます。アイコンセットは、 左側 アイコン マネージャー ウィンドウを簡単にアクセスできるようにします。
![]()
アイコンリストサイドバーのオン/オフは、 右上 アイコン マネージャー ウィンドウの隅。
![]()
新しいアイコンセットを追加
新しいアイコンセットを追加するには、 + ボタンは 右上 アイコングリッドの 新しいセットを追加 利用可能なオプションから選択します。
![]()
これにより、新しい 空の アイコンを配置できるアイコン セット フォルダー。
アイコンセットの名前を変更する
アイコンセットの名前を変更するには、リストからアイコンセットを選択して 戻る⏎ キーを押します。これにより、アイコンセットのラベルのテキスト編集が可能になります。編集が完了したら、 返品 もう一度クリックして変更を確認し、編集モードを終了します。
重複アイコンセット
アイコンセットを複製するには、 右クリックします 左サイドバーでそれを選択し、 重複ファイル コンテキストメニューから選択します。
![]()
アイコンセットのエクスポート
アイコンセットをエクスポートするには、 右クリックします 左サイドバーでそれを選択し、 エクスポート コンテキストメニューから選択します。
![]()
アイコンセットを削除
アイコンセットを削除するには、 ゴミ アイコン セット リスト項目の右側にあるアイコン。
![]()
セットからアイコンを削除
セットからアイコンを削除するには、セットを選択し、 – アイコン タイルの右上隅にあるボタンをクリックします。
![]()
アイコンセット検索
アイコンセット検索フィールドを使用すると、利用可能なアイコンセットをすばやく絞り込むことができます。 ボトム 左 サイドバー。
![]()
アイコン
アイコンマネージャのすべてのアイコンは軽量なベクターベースのSVGファイルなので、ウェブサイトでの使用に最適です。これらのファイルは次のようなアプリを使用して作成できます。 スケッチ の三脚と アドビイラストレーター.
アイコンを追加
アイコンマネージャに新しいSVGアイコンを追加するには、 + のボタン 右上 アイコングリッドの アイコンをインポートそこから、個々の SVG ファイル SVGのフォルダ Blocs アイコンセットファイル(.blocs-アイコン)、または アイコンジャー アイコンセットファイル(.アイコンジャー).
![]()
また、新しいSVGアイコンをドラッグして、 macOS ファインダー アイコン マネージャーに。
アイコンの詳細を編集
アイコンマネージャには、インスペクタコントロールが組み込まれており、 右上 窓の隅。
![]()
インスペクタを使用すると、 アイコン名、 をセットする キーワード 検索に使用され、 カラーモード.
![]()
さらに、ライブラリ内のアイコン(コアアイコンを除く)をドラッグすることで簡単に更新または置き換えることができます。 SVG ファイルをインスペクタの画像ウェルにコピーします。これにより、ライブラリ内のアイコンのグラフィック データが更新されます。
![]()
アイコン検索
検索フィールドは top アイコン グリッドを使用すると、現在選択されているアイコン セット内のアイコンをフィルターできます。
管理モード
管理モードが有効になっている場合、選択 しません デザイン キャンバス上で現在選択されている要素に適用されます。これにより、アイコンの並べ替えやセットへのドラッグが簡単になります。
![]()
アイコンタイルのサイズ変更
サイズ変更スライダーを使用して 下中央 ウィンドウの をクリックして、タイルのサイズをすばやく調整します。スライダーの両側にあるグリッド アイコンをクリックして、タイルのサイズを上下に微調整することもできます。
![]()