Ionicons Workflow for Alfred 2 & 3

You can incremental search for Ionicons and paste it to front most app. This workflow was forked from ruedap/alfred-font-awesome-workflow, thanks @ruedap for his wonderful work.

📝 for coding HTML/CSS

🎨 for designing in Sketch, Photoshop, Illustrator, Keynote, etc

Download Ionicons Font

Installation

Download Ionicons.alfredworkflow and import to Alfred 2 or 3 (require Powerpack).

The current version is Ionicons 2.0.1 support.

Usage

Keyword ion: Search through Ionicons.

• Enter: Paste class name (for coding HTML/CSS. e.g. ion-ionic)
• Ctrl + Enter: Paste character reference (for designing in Sketch, Photoshop, Illustrator, Keynote, etc)
• Shift + Enter: Paste character code (e.g. f14b)
• Command + Enter: Open in browser (e.g. http://ionicons.com/#Ionic)

Option

Disable pasting: Turn off "Automatically paste to front most app" in Workflows Preferences.

Links

• Can I import FontAwesome icons in Sketch 3? - Quora
  • Quickly search and insert icons to Sketch using Alfed - YouTube
• Hidden Productivity Secrets With Alfred | Smashing Coding
• Automating Front-end Workflow // Speaker Deck
• Font Awesome Workflow with Sketch 3 — QuickCast.
• Sketch 3 - Insert Font Awesone icons w/ Alfred workflow — QuickCast.
• Articles in Japanese
  • Font Awesomeのアイコンフォントを検索できるAlfred 2のWorkflowを作ってみた
  • Font Awesome 4.0に対応したAlfred Workflowをリリースしました
  • フロントエンド開発者向けのAlfred Workflow
  • Font Awesome WorkflowがPhotoshopやIllustratorでもペースト可能に
  • Font AwesomeをKeynoteやIllustratorで使う

Licenses

Released under the MIT license.

• ruedap/alfred-font-awesome-workflow
• aspirewit/alfred-ionicons-workflow

Authors

• ruedap
• aspirewit