mouzeicons: every feature, listed
Insert clean UI icons as editable, animatable shape layers, then swap, recolour, animate them or lay several out in a grid. 47 tools, presets, styles, effects and actions in 5 groups. mouzeicons comes with mouzeclick: one plan with everything included, $25 a month.
Icons 20
- Find an iconTool
Filters the icon list by words matching the start of an icon's name, id, tags or group.
- Icon groupsTool
Shows All icons or only one group: Interface, People and chat, Media, Data, Commerce, Time or More.
- InsertAction
Clicking an icon adds it as a shape layer named "Icon . <name>" on the selected layer or comp centre.
- SwapAction
Replaces the drawing in selected icon layers with the clicked icon, keeping position, size, colours, badge and animation.
- PickAction
Clicking icons lines them up, in order, for the Icon grid instead of inserting them.
- CheckPreset
A tick mark icon drawn as one stroked line.
- Arrow rightPreset
A right-pointing arrow icon made of a shaft and a head line.
- SettingsPreset
A gear icon with a round centre hole; the gear fills in the Filled and Duotone looks.
- HeartPreset
A heart outline icon that fills in the Filled and Duotone looks.
- UserPreset
A person icon: a head circle and shoulders, each able to fill.
- ChatPreset
A speech bubble icon that fills in the Filled and Duotone looks.
- PlayPreset
A play triangle icon that fills in the Filled and Duotone looks.
- MicPreset
A microphone icon with capsule, holder arc and stand lines.
- Bar chartPreset
Three rounded bars of different heights, each filling on its own.
- CloudPreset
A cloud outline icon that fills in the Filled and Duotone looks.
- CartPreset
A shopping cart icon with a fillable basket and two wheels.
- GiftPreset
A wrapped present icon with lid, box, ribbon and bow lines.
- CalendarPreset
A calendar page icon with a header bar and two rings.
- RocketPreset
A rocket icon with body, window, fins and exhaust lines.
- LightbulbPreset
A light bulb icon with a base line that fills in Filled and Duotone looks.
Look 9
- OutlineStyle
Draws the icon as stroked lines only, sized by Size in px and Stroke width.
- FilledStyle
Fills the icon's areas at full opacity under its lines through the Icon Fill control.
- DuotoneStyle
Tints the icon's areas with its colour at the Tint percentage, default 25%, under the lines.
- CircleStyle
Adds a circular badge shape behind the icon, coloured through the Icon Badge control.
- SquareStyle
Adds a rounded square badge behind the icon, coloured through the Icon Badge control.
- SoftStyle
Makes the badge a soft tint of the colour at 16% opacity behind the coloured icon.
- SolidStyle
Makes the badge the full colour at 100% opacity with the icon lines in white.
- LightTool
Switches the panel preview between a dark and a light background; the comp is not changed.
- Play the animation againTool
Replays the chosen Animate in animation on the panel preview of the current icon.
Colour 7
- ColourTool
Sets the colour for new icons and recolouring, by colour picker or hex code.
- PalettePreset
Five brand swatches to pick a colour from; Edit changes them; Palette in turn uses them.
- AutoStyle
Recolouring changes the icon and a soft badge with it, or only the badge of a solid one.
- IconStyle
Recolouring changes only the icon's lines and fills through Icon Colour.
- BadgeStyle
Recolouring changes only the badge through Icon Badge.
- Recolour selectedAction
Gives the selected icon layers the chosen colour, adding a key at the playhead if the colour is animated.
- Palette in turnAction
Gives each selected icon layer the next palette colour, in the order the layers were selected.
Animate in 8
- Draw onEffect
Each line draws on through its Trim Paths, staggered; fills fade in and the badge scales up.
- PopEffect
Each line group and the badge scales up from zero with an overshoot, one after another.
- Fade upEffect
Each line fades in while rising slightly into place; the badge scales and fades in.
- Spin inEffect
Each part turns from -120 degrees, grows from 35% scale and fades in.
- Stroke then fillEffect
Lines draw on through Trim Paths, then the fills fade in after the last line.
- Animate new iconsTool
When on, inserted icons and grids come in with the chosen animation from the playhead.
- Animate selectedAction
Puts the chosen animation on selected icon layers with Icon In and Icon Stagger controls from each layer's start.
- Take the animation offAction
Alt-click Animate selected: removes the animation expressions and the Icon In and Icon Stagger controls.
Icon grid 3
- Insert gridAction
Lays the picked icons out by Columns and Gap around the comp centre, parented to a null named "Icon grid".
- ClearAction
Forgets all icons picked for the grid.
- Take it out of the gridAction
Clicking a picked icon in the list removes it from the grid line-up.
More in mouzeicons
The library holds 90 icons in 7 groups: Interface 35, People and chat 6, Media 10, Data 10, Commerce 6, Time 4, More 19; 15 are listed as examples. Size (px, default 96), Stroke (default 2), Tint (Duotone only, default 25%), Each takes (default 0.6 s), Apart (default 0.08 s), Columns (default 4), Gap (default 48 px) and Starts apart (default 0.15 s) are numeric settings. Each tool is one undo step. Icon layers carry Icon Colour, Icon Stroke, Icon Fill, Icon Badge and Icon Badge Opacity controls.