Back to Plugins
Icon Preview

Icon Preview

Preview icons at different sizes while editing in realtime

previewiconsvector

Plugin Preview

Icon Preview preview

About this plugin

Effortlessly preview your icons in real-time across preset sizes for web, iOS, and Android. The plugin intelligently detects when you're editing an icon and instantly displays a live preview of the selected icon, making it seamless to fine-tune designs without interrupting your workflow. Perfect for designers who want to ensure pixel-perfect icons across platforms with minimal effort.


Previewing an icon


  1. Select an icon and run the plugin (must be a square frame, component or instance).
  2. Scroll or resize the window to see different icon sizes.


Locking the preview


To lock the preview to the current icon just click the lock icon in the top right of the plugin window.


Changing background colour


Change plugin window background automatically changes colour based on the parent background colour of the icon.


Things to note


The plugin currently only supports square icons up to 512px.

Plugin Details

Version14
CreatedSeptember 18, 2020
Last UpdatedNovember 22, 2024
CategoryUncategorized
CreatorGavin McFarland
Stats2208 installs, 68 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:main.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.