Apple icons for windows

Apple icons for windows

You have no collections yet

All collections displayed here

What can I do with my collections?

Click on any icon you’d like to add to the collection.

Organize your collections by projects, add, remove, edit, and rename icons.

Use the «Paint collection» feature and change the color of the whole collection or do it icon by icon.

Download your collections in the code format compatible with all browsers, and use icons on your website.

Save a backup copy of your collections or share them with others- with just one click!

You have reached your collections limit. Upgrade to get unlimited collections

Register and create new collections

Are you sure you want to delete this collection?

We are sorry you canceled your Premium subscription

You can still enjoy Flaticon Collections with the following limits:

The advantages of your collections changed

Keep making the most of your icons and collections

Get 20% OFF our
Annual Premium Plan

Select up to 3 collections to continue:

You have 8 collections but can only unlock 3 of them

Report download

Base 64 encoded image

Copy the base64 encoded data and insert it in you document HTML or CSS.
Need help? Maybe this link can help you

Using it for web? Copy this link in your website:

How to attribute for other media?

Don’t you want to attribute the author?

You can go Premium easily and use more than 4,333,500 icons without attribution. Get information here

Select a color from the icon

Choose a new color

You can only save 3 new edited icons per collection as a free user. Upgrade to save unlimited icons.

Your collection is locked, you can upgrade your account to get an unlimited collection.

You have reached the icons limit per collection (256 icons)

This feature is only available for registered users. Login or register.

This icon has a gradient color and cannot be edited.

Be a premium user to create a pattern.

Premium Flaticon License

Go Premium and you will receive the commercial license. More info

Download format: Vector icon (SVG & EPS), PNG and PSD

Packs that match this style

Get exclusive resources straight to your inbox

Copyright © 2010-2021 Freepik Company S.L. All rights reserved.

Premium users only

Create unlimited collections and add all the Premium icons you need.

You have few downloads available!

Don’t limit your work, download all the icons you need without limits.

Over 4,333,500 icons for 7,50€ /month

You must attribute the author

Using it for web? Copy this link in your website:

License summary

Our license allows you to use the content:

*This text is a summary for information only. It does not constitute any contractual obligations. For more information, please read our Terms of Use before using the content.

How to attribute?

Creating quality icons takes a lot of time and effort. We only ask you to add a small attribution link. Choose the medium in which you are going to use the resource.

Social media platforms (Pinterest, Facebook, Twitter, etc)

Select your favorite social network and share our icons with your contacts or friends, if you do not have these social networks copy the link and paste it in the one you use

If you have any other questions, please check the FAQ section

For example: websites, social media, blogs, ebooks, newsletters, etc.

Copy this link and paste it wherever it’s visible, close to where you’re using the resource. If that’s not possible, place it at the footer of your website, blog or newsletter, or in the credits section.

If you have any other questions, please check the FAQ section

For example: books, clothing, flyers, posters, invitations, publicity, etc.

Insert the attribution line close to where you’re using the resource. If it’s not possible, place it in the credits section.

For example: ‘image: Flaticon.com’. This cover has been designed using resources from Flaticon.com

If you have any other questions, please check the FAQ section

Online video platforms (Youtube, Vimeo, etc.)

Paste this link in the appropiate area of the video description.

If you have any other questions, please check the FAQ section

Apps, games, desktop apps, etc

Paste this link on the website where your app is available for download or in the description section of the platform or marketplace you’re using.

If you have any other questions, please check the FAQ section

Don’t you want to attribute the author?

You can go Premium easily and use more than 4,333,500 icons without attribution. Get information here

Источник

Apple icons for windows

You have no collections yet

All collections displayed here

What can I do with my collections?

Click on any icon you’d like to add to the collection.

Organize your collections by projects, add, remove, edit, and rename icons.

Use the «Paint collection» feature and change the color of the whole collection or do it icon by icon.

Download your collections in the code format compatible with all browsers, and use icons on your website.

Save a backup copy of your collections or share them with others- with just one click!

You have reached your collections limit. Upgrade to get unlimited collections

Register and create new collections

Are you sure you want to delete this collection?

We are sorry you canceled your Premium subscription

You can still enjoy Flaticon Collections with the following limits:

The advantages of your collections changed

Keep making the most of your icons and collections

Get 20% OFF our
Annual Premium Plan

Select up to 3 collections to continue:

You have 8 collections but can only unlock 3 of them

Report download

Base 64 encoded image

Copy the base64 encoded data and insert it in you document HTML or CSS.
Need help? Maybe this link can help you

Using it for web? Copy this link in your website:

How to attribute for other media?

Don’t you want to attribute the author?

You can go Premium easily and use more than 4,333,500 icons without attribution. Get information here

Читайте также:  Webcam capture windows 10

Select a color from the icon

Choose a new color

You can only save 3 new edited icons per collection as a free user. Upgrade to save unlimited icons.

Your collection is locked, you can upgrade your account to get an unlimited collection.

You have reached the icons limit per collection (256 icons)

This feature is only available for registered users. Login or register.

This icon has a gradient color and cannot be edited.

Be a premium user to create a pattern.

Flaticon License

Free for personal and commercial purpose with attribution. More info

Attribution is required.

Download format: Vector icon (SVG & EPS), PNG, PSD and Iconfont

Packs that match this style

Get exclusive resources straight to your inbox

Copyright © 2010-2021 Freepik Company S.L. All rights reserved.

Premium users only

Create unlimited collections and add all the Premium icons you need.

You have few downloads available!

Don’t limit your work, download all the icons you need without limits.

Over 4,333,500 icons for 7,50€ /month

You must attribute the author

Using it for web? Copy this link in your website:

License summary

Our license allows you to use the content:

*This text is a summary for information only. It does not constitute any contractual obligations. For more information, please read our Terms of Use before using the content.

How to attribute?

Creating quality icons takes a lot of time and effort. We only ask you to add a small attribution link. Choose the medium in which you are going to use the resource.

Social media platforms (Pinterest, Facebook, Twitter, etc)

Select your favorite social network and share our icons with your contacts or friends, if you do not have these social networks copy the link and paste it in the one you use

If you have any other questions, please check the FAQ section

For example: websites, social media, blogs, ebooks, newsletters, etc.

Copy this link and paste it wherever it’s visible, close to where you’re using the resource. If that’s not possible, place it at the footer of your website, blog or newsletter, or in the credits section.

If you have any other questions, please check the FAQ section

For example: books, clothing, flyers, posters, invitations, publicity, etc.

Insert the attribution line close to where you’re using the resource. If it’s not possible, place it in the credits section.

For example: ‘image: Flaticon.com’. This cover has been designed using resources from Flaticon.com

If you have any other questions, please check the FAQ section

Online video platforms (Youtube, Vimeo, etc.)

Paste this link in the appropiate area of the video description.

If you have any other questions, please check the FAQ section

Apps, games, desktop apps, etc

Paste this link on the website where your app is available for download or in the description section of the platform or marketplace you’re using.

If you have any other questions, please check the FAQ section

Don’t you want to attribute the author?

You can go Premium easily and use more than 4,333,500 icons without attribution. Get information here

Источник

Apple Product Compatibility Icons

Use icons for iPhone, iPad, iPod, Apple Watch, Apple TV, and AirPods in your communications to help customers identify your product’s compatibility with specific Apple device models.

Overview

The icon consists of a line art drawing of the Apple product and text that identifies the device model. Use these in your communications, including advertising, packaging, websites, manuals, hangtags, and printed collateral. The icons can appear within software or a user interface to indicate Apple product compatibility.

The icons must not be applied to hardware. Do not engrave or print the icons on products, do not print them on clothing or cases, and do not produce them as stickers affixed to products.

Never include an Apple product icon as part of your company or product identity.

Placement and Size

The icons should be clearly subordinate to your company or product identity. Always use the line drawing and text together as provided in the master artwork from Apple. Keep the proportions of the icons and text the same. If required to fit your layout needs, the artwork can be enlarged or reduced by up to 20 percent.

Horizontal

Use the horizontal configuration when there is plenty of layout space and the icons are stacked vertically.

This bulb is not your ordinary light-emitting diode and opens up possibilities like never before.

Vertical, left aligned

For some layouts, such as when the icons are placed in a row, a vertical configuration with text left aligned below the icon allows a more efficient use of space.

This bulb is not your ordinary light-emitting diode and opens up possibilities like never before.

Vertical, centered

A vertical configuration with text centered below the icon is for use on the spine of packages or where the icons are stacked in a very small layout space.

Minimum Clear Space

The minimum clear space is X on all sides, where X is equal to the cap height of the typography. Do not place graphics, type, photographs, or illustrations inside the clear space. Allow a minimum space of 2X between icons.

Color

Each icon is provided in both positive and reverse versions. The positive version contains black line art and black text and is for use only on white, off-white, or very light color backgrounds. The reverse version contains white line art and white text and is preferred for use on black or color backgrounds.

Do not place the icons on patterned or visually cluttered backgrounds. They can be placed on a photographic background as long as you select an area of the photo that is not visually busy and provides sufficient contrast.

Avoid Mistakes

Only the Apple-provided icons shown in these guidelines are approved by Apple.

Never attempt to reset the type, change the font, or alter the size or proportions of letters or the space between letters.

Do not use the Apple logo in conjunction with the icons.

Do not rotate or animate any of the elements.

Always use the complete artwork provided.

Use of the icons must be consistent with Apple’s trademark guidelines. The icons may not be used as a trademark for your products or services, including any use as part of a product or company name or any use that could serve as a source identifier for your product.

In communications distributed only in the United States, a trademark symbol must follow each Apple trademark the first time it is mentioned in text, as follows:

Читайте также:  Viber для windows 10 без смартфона

Do not add the trademark symbol (™) or the registered trademark symbol (®) to any icon.

In all regions, include the following credit line in your communication whenever an icon is used. List only the Apple trademarks that appear in the communication.

Apple TV, Apple Watch, iPad, iPad Air, iPhone, iPod, and iPod touch are trademarks of Apple Inc., registered in the U.S. and other countries.

Authorized Users

The Apple-provided icons can be used only by authorized licensees in accordance with the terms of the Apple Product Compatibility Icons License Agreement, MFi/Works with Apple License Agreement, or other applicable Apple license agreement.

The icons can be used only in association with (1) products that have been approved as Licensed Products in accordance with the terms of a valid and in-effect MFi/Works with Apple License Agreement or other applicable Apple license agreement, or (2) certain products, such as headphones or cases, that do not qualify as Licensed Products, in accordance with the terms of the Apple Product Compatibility Icons License Agreement

APPLE INC.

LICENSE AGREEMENT FOR APPLE PRODUCT COMPATIBILITY ICONS

PLEASE READ THIS LICENSE AGREEMENT FOR APPLE PRODUCT COMPATIBILITY ICONS (“LICENSE”) CAREFULLY BEFORE USING THE COMPATIBILITY ICONS (DEFINED BELOW). IF YOU ARE ACCESSING THIS LICENSE ELECTRONICALLY, SIGNIFY YOUR AGREEMENT TO BE BOUND BY THE TERMS OF THIS LICENSE BY CLICKING THE “AGREE” BUTTON. IF YOU DO NOT AGREE TO THE TERMS OF THIS LICENSE, DO NOT USE THE COMPATIBILITY ICONS AND CLICK “DISAGREE”.

1. General. The “Compatibility Icons” means the iPhone, iPad, iPod, Apple Watch, and Apple TV Product Compatibility Icons depicted in the Apple Product Compatibility Icons artwork files and materials accompanying this License. “Materials” means the artwork files and materials accompanying this License whether on disk, print or electronic documentation, in read only memory, or any other media in any other form. Each icon displayed in the Materials is referred to as a “Compatibility Icon” and collectively as the “Compatibility Icons”. Each Compatibility Icon consists of a line art drawing representing a particular Apple product, together with the Apple trademark and device model identifying that Apple product. Apple may update the Materials and the Compatibility Icons from time to time in its sole discretion.

The terms of this License will govern any updates to the Compatibility Icons and Materials that replace and/or supplement the original Compatibility Icons and Materials provided to you, unless such upgrade is accompanied by a separate license in which case the terms of that separate license will govern.

2. Permitted License Uses and Restrictions.

3. No Transfer. Except as otherwise set forth herein, you may not transfer this Compatibility Icons without Apple’s express prior written approval.

4. Termination. This License shall commence upon your clicking the “Agree and Download” button on the Developer website: https://developer.apple.com/accessories/compatibility-icons/. Apple may terminate this License with or without cause upon written notice to you. Your rights under this License will terminate automatically or cease to be effective with or without notice from Apple (a) if you fail to comply with any term(s) of this License, (b) if you are no longer registered as an Apple Developer, (c) you are no longer in business or (d) if Apple releases a version of the Compatibility Icons which is incompatible with this version of the Compatibility Icons or your product. Upon the termination of this License, you shall cease all use of the Compatibility Icons on product packaging and any advertising and marketing collateral bearing any Compatibility Icon, and destroy all copies, full or partial, of the Materials or any materials Apple provided to you under this License. The restrictions of Section 2, and Sections 5 through 10 of this License shall survive any termination.

5. Disclaimer of Warranties. THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW, THE COMPATIBILITY ICONS ARE PROVIDED “AS IS” AND “AS AVAILABLE”, WITH ALL FAULTS AND WITHOUT WARRANTY OF ANY KIND, AND APPLE AND APPLE’S LICENSORS (COLLECTIVELY REFERRED TO AS “APPLE” FOR THE PURPOSES OF SECTIONS 5 AND 6) HEREBY DISCLAIM ALL WARRANTIES AND CONDITIONS WITH RESPECT TO THE COMPATIBILITY ICONS, EITHER EXPRESS, IMPLIED OR STATUTORY, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES AND/OR CONDITIONS OF MERCHANTABILITY, SATISFACTORY QUALITY, FITNESS FOR A PARTICULAR PURPOSE, ACCURACY, QUIET ENJOYMENT, AND NON-INFRINGEMENT OF THIRD PARTY RIGHTS. APPLE DOES NOT WARRANT AGAINST INTERFERENCE WITH YOUR ENJOYMENT OF THE COMPATIBILITY ICONS, THAT THE FUNCTIONS CONTAINED IN THE COMPATIBILITY ICONS WILL MEET YOUR REQUIREMENTS, OR THAT DEFECTS IN THE COMPATIBILITY ICONS WILL BE CORRECTED. YOU EXPRESSLY ACKNOWLEDGE AND AGREE THAT, TO THE EXTENT PERMITTED BY APPLICABLE LAW, USE OF THE COMPATIBILITY ICONS IS AT YOUR SOLE RISK AND THAT THE ENTIRE RISK AS TO SATISFACTORY QUALITY, PERFORMANCE, ACCURACY AND EFFORT IS WITH YOU.

6. Limitation of Liability. TO THE EXTENT NOT PROHIBITED BY APPLICABLE LAW, IN NO EVENT SHALL APPLE BE LIABLE FOR PERSONAL INJURY, OR ANY INCIDENTAL, SPECIAL, INDIRECT OR CONSEQUENTIAL DAMAGES WHATSOEVER, INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF PROFITS, CORRUPTION OR LOSS OF DATA, FAILURE TO TRANSMIT OR RECEIVE ANY DATA OR INFORMATION, BUSINESS INTERRUPTION OR ANY OTHER COMMERCIAL DAMAGES OR LOSSES, ARISING OUT OF OR RELATED TO YOUR USE OR INABILITY TO USE THE COMPATIBILITY ICONS OR FOR ANY TERMINATION OF THIS AGREEMENT, HOWEVER CAUSED, REGARDLESS OF THE THEORY OF LIABILITY (CONTRACT, TORT OR OTHERWISE) AND EVEN IF APPLE HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR PERSONAL INJURY, OR OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THIS LIMITATION MAY NOT APPLY TO YOU. In no event shall Apple’s total liability to you for all damages (other than as may be required by applicable law in cases involving personal injury) exceed the amount of fifty dollars ($50.00). The foregoing limitations will apply even if the above stated remedy fails of its essential purpose.

7. Export Control. You may not use or otherwise export or re-export the Compatibility Icons except as authorized by United States law and the laws of the jurisdiction(s) in which the Compatibility Icons was obtained. In particular, but without limitation, the Compatibility Icons may not be exported or re-exported (a) into any U.S. embargoed countries or (b) to anyone on the U.S. Treasury Department’s list of Specially Designated Nationals or the U.S. Department of Commerce Denied Person’s List or Entity List or any other restricted party lists. By using the Compatibility Icons, you represent and warrant that you are not located in any such country/region or on any such list.

Читайте также:  Windows 7 enterprise sp1 x64 rus

8. Indemnification. You will defend, indemnify and hold harmless Apple against all losses, liability, and/or expense (including reasonable legal fees) arising out of any claims or suits, whatever their nature and however arising, which may be brought or made against Apple because of your use of the Compatibility Icons in any manner except as expressly permitted by this License, or for any personal injury, product liability or other claim arising from the production, promotion, distribution, sale and/or offer for sale, and/or the performance of your products.

9. Controlling Law and Severability. This License will be governed by and construed in accordance with the laws of the State of California, excluding its conflict of law principles. This License shall not be governed by the United Nations Convention on Contracts for the International Sale of Goods, the application of which is expressly excluded. If for any reason a court of competent jurisdiction finds any provision, or portion thereof, to be unenforceable, the remainder of this License shall continue in full force and effect.

10. Complete Agreement; Governing Language. This License constitutes the entire agreement between you and Apple relating to the use of the Compatibility Icons licensed hereunder and supersedes all prior or contemporaneous understandings regarding such subject matter. No amendment to or modification of this License will be binding unless in writing and signed by Apple.

Источник

Для чего используется Apple Touch Icon в 2019 году?

Apple-touch-icon.png – это миниатюрное изображение, представляющее ваш сайт на устройствах с операционной системой (iOS).

В коде страницы имеет следующий вид:

Это изображение в основном используется на iOS, не распространяется для macOS. Для macOS используется изображение в формате svg, а атрибут rel будет иметь значение mask-icon. Важно это понимать и не путать в будущем.

Также Apple Touch Icon могут использовать другие платформы и приложения. Ведь, как правило, это изображение хорошего качества, имеющее высокое разрешение. Так, например, браузер Chrome на Android может использовать apple-touch-icon.png для сохранения ссылки с сайта на рабочий стол.

Создать его можно с помощью функции Web Clips. Web Clips – это разработка значка веб-страницы на рабочем столе яблочного девайса.

Если вы читаете эту статью на устройстве с установленной iOS и не знаете, как создавать Web Clips, можно сделать это прямо сейчас.

Для браузера Safari

Нажать кнопку «Поделиться»

В появившейся панели нажать кнопку «На экран Домой»

Если вас не устраивает название страницы, можно написать свое, например, 1PS. Затем нажать «Добавить».

Все готово – вот так выглядит Web Clips на рабочем столе устройства.

Однако не все сайты используют Apple Touch Icon. Давайте рассмотрим ситуацию, когда его нет.

Делаем все тоже самое, но на пункте 3 предыдущей инструкции видим такую картину:

Изображение создалось автоматически, но по факту это скриншот верхней части сайта. Вот как Web Clips будет выглядеть на рабочем столе нашего устройства:

Согласитесь, в первом случае он выглядел лучше.

Apple Touch Icon можно отнести к разряду вещей, формирующих узнаваемость вашего бренда. Этой иконкой может быть логотип вашей компании, и он должен привлекать к себе внимание и быть узнаваемым. Если посетитель на рабочем столе будет видеть просто скриншот страницы, это вряд ли положительно скажется на узнаваемости.

Возможна ситуация, что ваш сайт полон интересного контента, и пользователь решит добавить себе на рабочий стол ссылку на него, чтобы как можно чаще и удобней посещать ресурс. Но выглядеть она будет не очень привлекательно.

Чтобы этого избежать, давайте рассмотрим технические особенности создания Apple-touch-icon.png.

Техническая сторона

При создании Web Clips от устройства на сервер будут отправляться запросы в следующем порядке:

Apple-touch-icon-precomposed.png и к apple-touch-icon.png, в чем различия?

Apple-touch-icon.png позволяет создать изображения, не запариваясь с фирменным оформлением Apple (закругленные рамки, блики). Ваше устройство все сделает самостоятельно.

С помощью apple-touch-icon-precomposed.png вы можете проявить некую творческую жилу и сделать все вручную, однако к этому формату есть свои требования – будьте внимательны.

Размеры для apple-touch-icon

В 2007 году было достаточно размера 57×57, так как было только одно устройство, на котором можно было сделать Web Clips.

На сегодняшний день у компании Apple довольно обширная линейка продукции. И чтобы иконка выглядела эстетично на каждом разрешении экрана, без мыльных растянутых пикселей, можно добавить свою иконку.

Если устройство не найдет иконку нужного размера, то оно будет использовать самую близкую по большему размеру иконку.

Необязательно создавать иконки для всех разрешений экранов, достаточно будет сделать иконку размером 180×180, так как другие устройства могут уменьшить размер под свои требования.

Однако не стоит забывать о том, что не только устройства Apple используют Apple Touch Icon, поэтому можно объявить и другие размеры. Указывать размеры нужно с помощью атрибута – sizes.

Таблица размеров

Модель устройства Размер apple-touch-icon
IPhone – first generation, iPhone 2G, iPhone 3G, iPhone 3GS 57×57
iPhone 4, iPhone 4s, iPhone 5, iPhone 5c, iPhone 5s, iPhone se, iPhone 6, iPhone 6s, iPhone 7, iPhone8 120×120
iPhone X, iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus 180×180
iPad mini 76×76
iPad, iPad mini 2 152×152
iPad Pro 167×167

На сегодняшний день Apple рекомендует дает следующие рекомендации по размерам иконок

Модель устройства Размер apple-touch-icon
iPhone 120×120 или 180×180
iPad Pro 167×167
iPad, iPad mini 152×152

Можно сделать вывод что устройства первого поколения, и ipad mini уже неактуальны, поэтому для них необязательно прописывать Apple-touch-icon соответствующего размера.

Как прописать в коде apple-touch-icon?

Для сравнения напоминание, как прописывается фавикон:

Как прописывается apple-touch-icon:

Использование в поисковой выдаче

22 мая 2019 года Google в своем блоге объявили о редизайне мобильной выдачи.Теперь в результатах мобильной поисковой выдачи будет показываться иконка сайта.

И для этой иконки может быть использован как Apple Touch Icon, так и другие форматы к примеру:

Подробнее о требованиях к иконке тут.

Если вы изменили иконку или создали новую, чтобы в выдаче она обновилась как можно скорее, нужно отправить страницу на повторное сканирование.

Как это сделать, написано тут.

Заключение

Прошло уже много лет с тех пор, как появился первый iPhone и соответственно Apple-touch-icon. Теперь он может быть использован не только для оформления красивого Web Clips, но и для улучшения внешнего вида сниппета сайта в поисковой выдаче Google. А Apple Touch Icon со временем популяризировался и теперь используется другими платформами и приложениями.

Мы рассмотрели только часть возможностей для кастомизации сайта, но у Apple есть еще несколько интересных дополнений, например, Startup Image, Apple Mobile Web App Title и другие вещи, о которых расскажем в следующих статьях.

Если у вас на сайте еще нет Apple Touch Icon, обращайтесь к нам за помощью в отрисовке и размещении на сайте – с радостью поможем.

Источник

Поделиться с друзьями
Советы экспертов и специалистов
Adblock
detector