The following chart outlines the icon sizes and additional information about each kind of icon for Apple iOS, Android and Universal Windows Platform (UWP) that Icon Slayer outputs.
- iOS
This tool converts your existing image to an icon (.ico file) that you can use to customize a shortcut or a folder. You can also use the created icon as a fav-icon for your web. Iskysoft imedia converter deluxe 3 7 1 intelk download free. Get a more advanced tool or learn a few tips and tricks related to icon creation. Customize your icons. Unleash your creativity! The pro version provides 30 retina ready icon templates you can apply to your images Go pro and export in icns, folder, windows ico, iconset, jpg, png, favicon ( for mobile and desktop ), iOS and Android formats. 1-800-847-2232 #2 Monday-Friday, 5:00AM to 5:00PM PT. Online Support Request. Free assistance is available for the first 30 days on new purchases, with product registration. After 30 days, please purchase a support contract.
- Android
- macOS (Mac OS X) ICNS
- Windows ICO
- Favicon ICO
- Web App / Progressive Web App
- Universal Windows Platform (UWP)
iOS
Covers iOS apps up to iOS v10 for iPhone 4-5-6-7, iPad, iPad Pro, iPad Mini.
The following information was derived from generating a iOS project in Xcode version 8.1 (8B62).
Replace the 'AppIcon.appiconset' folder within the 'Assets.xcassets' folder within your Xcode project:
[project anme]/Assets.xcassets/AppIcon.appiconset
Points | File Name | Pixels |
---|---|---|
20pt | iPhone Notification iOS 7-10 | |
iphone-notification-20pt@2x | 40 | |
iphone-notification-20pt@3x | 60 | |
29pt | iPhone Spotlight iOS 5,6 Settings iOS 5-10 | |
iphone-spotlight-settings-29pt@2x | 58 | |
iphone-spotlight-settings-29pt@3x | 87 | |
40pt | iPhone Spotlight iOS 7-10 | |
iphone-spotlight-40pt@2x | 80 | |
iphone-spotlight-40pt@3x | 120 | |
60pt | iPhone App iOS 7-10 | |
iphone-app-60pt@2x | 120 | |
iphone-app-60pt@3x | 180 | |
20pt | iPad Notifications iOS 7-10 | |
ipad-notifications-20pt@1x | 20 | |
ipad-notifications-20pt@2x | 40 | |
29pt | iPad Settings iOS 5-10 | |
ipad-settings-29pt@1x | 29 | |
ipad-settings-29pt@2x | 58 | |
40pt | iPad Spotlight iOS 7-10 | |
ipad-spotlight-40pt@1x | 40 | |
ipad-spotlight-40pt@2x | 80 | |
76pt | iPad App iOS 7-10 | |
ipad-app-76pt@1x | 76 | |
ipad-app-76pt@2x | 152 | |
83.5pt | iPad Pro App iOS 9-10 | |
ipad-pro-app-83.5pt@2x | 167 |
Web App / Progressive Web App
An Icon is shown on the device home screen when saving a bookmark. This is similar in nature to the 'favicon' for websites. The '-precomposed' portion of the filename prevents Apple from automatically adding gloss, rounded corners and drop shadows.
Refer to the 'Webpage Icon' Apple documentation page for additional details.
Icon 2.5 Shocks
Apple invented the iOS Web Clip idea, but it has been picked up by Chrome (and others).
We've also included a manifest.json file for you as a starting point for your Progressive Web App.
See the 'index.html' source code for how to include the icons in your page(s).
Android Apps
The following information was derived from: http://developer.android.com/guide/practices/ui_guidelines/icon_design.html
Asset Type | Prefix | Sizes |
---|---|---|
Google Market hi-res | market_ | 512 xhdpi |
Button Status / Notify | btn_stat_notify | 24 ldpi 32 mdpi 48 hdpi 64 xhdpi |
Launcher icons | ic_launcher | 36 ldpi 48 mdpi 72 hdpi 96 xhdpi |
Menu icons and Action Bar icons | ic_menu | 36 ldpi 36 ldpi_v9 18 ldpi_v11 48 mdpi 48 mdpi_v9 24 mdpi_v11 96 hdpi 72 hdpi_v9 36 hdpi_v11 96 xhdpi 96 xhdpi_v9 48 xhdpi_v11 |
Status bar icons | ic_stat_notify | 19 ldpi 12 ldpi_v9 18 ldpi_v11 25 mdpi 16 mdpi_v9 24 mdpi_v11 48 hdpi 24 hdpi_v9 36 hdpi_v11 50 xhdpi 32 xhdpi_v9 48 xhdpi_v11 |
Tab icons | ic_tab | 24 ldpi 24 ldpi_v5 32 mdpi 32 mdpi_v5 48 hdpi 48 hdpi_v5 |
Dialog icons | ic_dialog | 24 ldpi 32 mdpi 48 hdpi |
Lists | ic_list | 24 ldpi 32 mdpi 48 hdpi |
Universal Windows Platform (UWP)
The following information was derived from:
https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/tiles-and-notifications-app-assets
https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/tiles-and-notifications-app-assets
Splash Screen sizes derived from:
https://msdn.microsoft.com/library/windows/apps/br211467
https://msdn.microsoft.com/library/windows/apps/br211467
Based on the description provided here, the system selects appropriate images based on the following scheme:
Where <name> can be anything you want. According to the guide, they're recommending using a naming convention of 'AppNameSmallTile.scale-XXX.png'. I found this to be rather confusing, so I decided to just stick with naming the images according to the attribute definition, which I believe is less confusing.
When referencing an image in your code, just use NAME.EXT. The '.scale-XXX' portion of the file name is not included in the code. The system automatically selects the appropriate image/scale as needed. Icon Slayer uses a naming convention that matches the element attribute, I believe this is least confusing. Aiseesoft hd converter 9 2 8 cm.
Example:
![Image 2 Icon Pro 2 10 5 Image 2 Icon Pro 2 10 5](https://www.whatcar.com/car-leasing/images/imagery/large/toyota-corolla-touring-sport-18-vvt-i-hybrid-icon-tech-5dr-cvt_11437.jpg)
Size | File Name | Notes |
---|---|---|
71 | Square71x71Logo.scale-100.png | Smal Tile |
89 | Square71x71Logo.scale-125.png | |
107 | Square71x71Logo.scale-150.png | |
142 | Square71x71Logo.scale-200.png | |
284 | Square71x71Logo.scale-400.png | |
150 | Square150x150Logo.scale-100.png | Medium Tile |
188 | Square150x150Logo.scale-125.png | |
225 | Square150x150Logo.scale-150.png | |
300 | Square150x150Logo.scale-200.png | |
600 | Square150x150Logo.scale-400.png | |
310 | Square310x310Logo.scale-100.png | Large Tile |
388 | Square310x310Logo.scale-125.png | |
465 | Square310x310Logo.scale-150.png | |
620 | Square310x310Logo.scale-200.png | |
240 | Square310x310Logo.scale-400.png | |
310 x 150 | Square310x150Logo.scale-100.png | Wide Tile |
388 x 188 | Square310x150Logo.scale-125.png | |
465 x 225 | Square310x150Logo.scale-150.png | |
620 x 300 | Square310x150Logo.scale-200.png | |
1240 x 600 | Square310x150Logo.scale-400.png | |
44 | Square44x44Logo.scale-100.png | App List (icon) |
55 | Square44x44Logo.scale-125.png | |
66 | Square44x44Logo.scale-150.png | |
88 | Square44x44Logo.scale-200.png | |
176 | Square44x44Logo.scale-400.png | |
16 | Square44x44Logo.targetsize-16.png | Target Size Icon |
20 | Square44x44Logo.targetsize-20.png | |
24 | Square44x44Logo.targetsize-24.png | |
30 | Square44x44Logo.targetsize-30.png | |
32 | Square44x44Logo.targetsize-32.png | |
36 | Square44x44Logo.targetsize-36.png | |
40 | Square44x44Logo.targetsize-40.png | |
48 | Square44x44Logo.targetsize-48.png | |
60 | Square44x44Logo.targetsize-60.png | |
64 | Square44x44Logo.targetsize-64.png | |
72 | Square44x44Logo.targetsize-72.png | |
80 | Square44x44Logo.targetsize-80.png | |
96 | Square44x44Logo.targetsize-96.png | |
256 | Square44x44Logo.targetsize-256.png | |
620 x 300 | SplashScreen.screen-100.png | Splash Screen |
868 x 420 | SplashScreen.screen-140.png | |
1116 x 540 | SplashScreen.screen-180.png |
System Icons (iOS 12 and Earlier)
In iOS 13 or later, prefer using SF Symbols to represent tasks and types of content in your app. Blue planet v1 2. If your app is running in iOS 12 or earlier, follow the guidance below.
The system provides built-in icons that represent common tasks and types of content in a variety of use cases.
In apps running iOS 12 and earlier, it’s a good idea to use these built-in icons as much as possible because they're familiar to people.
Use system icons as intended. Every system-provided image has a specific, well-known meaning. To avoid confusing users, it’s essential that each image be used in accordance with its meaning and recommended usage.
Provide alternative text labels for icons. Alternative text labels aren’t visible onscreen, but they let VoiceOver audibly describe what's onscreen, making navigation easier for people with visual impairments.
Image 2 Icon Pro 2 10 5 Pro
Design a custom icon if you can’t find a system-provided one that meets your needs. It’s better to design your own than to misuse a system-provided image. See Custom Icons.
Navigation Bar and Toolbar Icons
Use the following icons in navigation bars and toolbars. For developer guidance, see UIBarButtonSystemItem.
TIP You can use text instead of icons to represent items in a navigation bar or toolbar. For example, Calendar uses “Today,” “Calendars,” and “Inbox” in the toolbar. You can also use a fixed space element to provide padding between navigation and toolbar icons.
Image 2 Icon Pro 2 10 5 Inch Turn On Screen
Icon | Name | Meaning | API |
---|---|---|---|
Action (Share) | Shows a modal view containing share extensions, action extensions, and tasks, such as Copy, Favorite, or Find, that are useful in the current context. | action | |
Add | Creates a new item. | add | |
Bookmarks | Shows app-specific bookmarks. | bookmarks | |
Camera | Takes a photo or video, or shows the Photo Library. | camera | |
Cancel | Cancel | Closes the current view or ends edit mode without saving changes. | cancel |
Compose | Opens a new view in edit mode. | compose | |
Done | Done | Saves the state and closes the current view, or exits edit mode. | done |
Edit | Edit | Enters edit mode in the current context. | edit |
Fast Forward | Fast-forwards through media playback or slides. | fastForward | |
Organize | Moves an item to a new destination, such as a folder. | organize | |
Pause | Pauses media playback or slides. Always store the current location when pausing, so playback can resume later. | pause | |
Play | Begins or resumes media playback or slides. | play | |
Redo | Redo | Redoes the last action that was undone. | redo |
Refresh | Refreshes content. Use this icon sparingly, as your app should refresh content automatically whenever possible. | refresh | |
Reply | Sends or routes an item to another person or location. | reply | |
Rewind | Moves backwards through media playback or slides. | rewind | |
Save | Save | Saves the current state. | save |
Search | Displays a search field. | search | |
Stop | Stops media playback or slides. | stop | |
Trash | Deletes the current or selected item. | trash | |
Undo | Undo | Undoes the last action. | undo |
Tab Bar Icons
Use the following icons in tab bars. For developer guidance, see UITabBarSystemItem.
Icon | Name | Meaning | API |
---|---|---|---|
Bookmarks | Shows app-specific bookmarks. | bookmarks | |
Contacts | Shows the person’s contacts. | contacts | |
Downloads | Shows active or recent downloads. | downloads | |
Favorites | Shows the person’s favorite items. | favorites | |
Featured | Shows content featured by the app. | featured | |
History | Shows recent actions or activity. | history | |
More | Shows additional tab bar items. | more | |
Most Recent | Shows content or items recently accessed within a specific period of time. | mostRecent | |
Most Viewed | Shows the most popular items. | mostViewed | |
Search | Enters a search mode. | search | |
Top Rated | Shows the highest-rated items. | topRated |
Home Screen Quick Action Icons
Use the following icons in home screen quick action menus. For developer guidance, see UIApplicationShortcutIconType.
Icon | Name | Meaning | API |
---|---|---|---|
Add | Creates a new item. | add | |
Alarm | Sets or displays an alarm. | alarm | |
Audio | Denotes or adjusts audio. | audio | |
Bookmark | Creates a bookmark or shows bookmarks. | bookmark | |
Capture Photo | Captures a photo. | capturePhoto | |
Capture Video | Captures a video. | captureVideo | |
Cloud | Denotes, displays, or initiates a cloud-based service. | cloud | |
Compose | Composes new editable content. | compose | |
Confirmation | Denotes that an action is complete. | confirmation | |
Contact | Chooses or displays a contact. | contact | |
Date | Displays a calendar or event, or performs a related action. | date | |
Favorite | Denotes or marks a favorite item. | favorite | |
Home | Indicates or displays a home screen. Indicates, displays, or routes to a physical home. | home | |
Invitation | Denotes or displays an invitation. | invitation | |
Location | Denotes the concept of location or accesses the current geographic location. | location | |
Love | Denotes or marks an item as loved. | love | |
Creates a Mail message. | |||
Mark Location | Denotes, displays, or saves a geographic location. | markLocation | |
Message | Creates a new message or denotes the use of messaging. | message | |
Pause | Pauses media playback. Always store the current location when pausing, so playback can resume later. | pause | |
Play | Begins or resumes media playback. | play | |
Prohibit | Denotes that something is disallowed. | prohibit | |
Search | Enters a search mode. | search | |
Share | Shares content with others or to social media. | share | |
Shuffle | Indicates or initiates shuffle mode. | shuffle | |
Task | Denotes an uncompleted task or marks a task as complete. | task | |
Task Completed | Denotes a completed task or marks a task as not complete. | taskCompleted | |
Time | Denotes or displays a clock or timer. | time | |
Update | Updates content. | update |