Заметки
Cupertino Icons

Егор Долгов

30.03.2019 13:26:55 (обновлено 26.04.2019 20:19:59)

За все время: 1987 просмотров, 18 посетителей.
За последние 30 дней: 0 просмотров, 0 посетителей.

Cupertino Icons

Иконки Cupertino во Flutter (SDK).

Документация https://docs.flutter.io/flutter/cupertino/CupertinoIcons-class.html
Git репозиторий https://github.com/flutter/cupertino_icons version: 0.1.2
Перевод описания иконок https://translate.yandex.ru

Материалы по теме: Material Icons (иконки по умолчанию)

                                                                                                                            

Использование иконок

В новом проекте Flutter, в файле зависимостей pubspec.yaml, по умолчанию включен пакет с иконками:

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.2 #подключение пакета

Пример использования иконок:

import 'package:flutter/cupertino.dart';

Container(child:Icon(CupertinoIcons.add));//Icon - виджет, CupertinoIcons.add - имеет тип IconData

Container(child:Icon(CupertinoIcons.add, size: 30, color: Colors.red));//Можно задать размер и цвет иконки

Список всех иконок

#A - 3 иконки

CupertinoIcons.add


Две прямые линии, горизонтальная и вертикальная, сходятся посередине, что эквивалентно знаку плюс.

CupertinoIcons.add_circled


Две прямые линии, горизонтальная и вертикальная, сходятся посередине, что эквивалентно знаку плюс, окруженному кругом. Этот значок не заполняется.

CupertinoIcons.add_circled_solid


Две прямые линии, горизонтальная и вертикальная, сходятся посередине, что эквивалентно знаку плюс, окруженному кругом. Заполненный значек.

#B - 12 иконок

CupertinoIcons.back


Более толстый левый шеврон, используемый в iOS для кнопки "Назад" панели навигации.

CupertinoIcons.battery_25_percent


Аккумулятор заряжен на 25%.

CupertinoIcons.battery_75_percent


Аккумулятор заряжен на 75%.

CupertinoIcons.battery_charging


Аккумулятор заряжается.

CupertinoIcons.battery_empty


Аккумулятор разряжен.

CupertinoIcons.battery_full


Аккумулятор заряжен.

CupertinoIcons.bluetooth


Логотип bluetooth.

CupertinoIcons.book


Раскрытый силуэт книги. Этот значок не заполняется.

CupertinoIcons.book_solid


Раскрытый силуэт книги. Этот значок заполняется.

CupertinoIcons.bookmark


Раскрытый силуэт книги, содержащий закладку в правом верхнем углу. Этот значок не заполняется.

CupertinoIcons.bookmark_solid


Раскрытый силуэт книги, содержащий закладку в правом верхнем углу. Этот значок заполняется.

CupertinoIcons.bus


Заполненный автобус.

#C - 17 иконок

CupertinoIcons.car


Заполненная машина.

CupertinoIcons.car_detailed


Заполненный подробный, реалистичный автомобиль.

CupertinoIcons.check_mark


Галочка.

CupertinoIcons.check_mark_circled


Галочка в круге. Круг не заполнен.

CupertinoIcons.check_mark_circled_solid


Галочка в круге. Круг заполнен.

CupertinoIcons.clear


Крест из двух диагональных линий от края до края, пересекающихся под углом 90 градусов, который используется для удаления.

CupertinoIcons.clear_circled


Крест из двух диагональных линий от края до края, пересекающихся под углом 90 градусов, который используется для удаления, окруженный кругом. Этот значок не заполняется.

CupertinoIcons.clear_circled_solid


Крест из двух диагональных линий от края до края, пересекающихся под углом 90 градусов, который используется для удаления, используется как пустое пространство в круге. Этот значок заполняется.

CupertinoIcons.clear_thick


Крест из двух диагональных линий от края до края, пересекающихся под углом 90 градусов, который используется для удаления.

CupertinoIcons.clear_thick_circled


Крест из двух диагональных линий от края до края, пересекающихся под углом 90 градусов, который используется для удаления, используется как пустое пространство в круге.

CupertinoIcons.clock


Круг с пунктирным циферблатом внутри, стрелки показывают 10:30.

CupertinoIcons.clock_solid


Заполненный круг с пунктирным циферблатом внутри с стрелками, показывающими 10:30.

CupertinoIcons.collections


Набор папок, в которых хранятся коллекции файлов, т. е. альбом. Этот значок не заполняется.

CupertinoIcons.collections_solid


Набор папок, в которых хранятся коллекции файлов, т. е. альбом. Этот значок заполняется.

CupertinoIcons.conversation_bubble


Облако сообщений (чат).

CupertinoIcons.create


Блок для записи и ручка сверху (что указывает на запись). Этот значок не заполняется.

CupertinoIcons.create_solid


Блок для записи и ручка сверху (что указывает на запись). Этот значок заполняется.

#D - 4 иконки

CupertinoIcons.delete


Корзина для удаления предметов. Этот значок не заполняется.

CupertinoIcons.delete_solid


Корзина для удаления предметов. Этот значок заполняется.

CupertinoIcons.delete_simple


Мусорный бак с минимальными деталями для удаления предметов.

CupertinoIcons.down_arrow


Жирная стрелка вниз.

#E - 3 иконки

CupertinoIcons.ellipsis


Три жирные точки.

CupertinoIcons.eye


Открытый глаз.

CupertinoIcons.eye_solid


Открытый глаз.

#F - 7 иконок

CupertinoIcons.flag


Контур флаг направленный в правую сторону.

CupertinoIcons.folder


Одна папка, в которой хранится несколько файлов. Этот значок не заполняется.

CupertinoIcons.folder_open


Одна папка, указывающая на открытие. В такой папке обычно хранится несколько файлов.

CupertinoIcons.folder_solid


Одна папка, в которой хранится несколько файлов. Этот значок заполняется.

CupertinoIcons.forward


Более толстый правый шеврон - это зеркальный вариант иконки "Назад", для обозначения кнопки "Вперед".

CupertinoIcons.fullscreen


Все четыре угла квадрата обращены внутрь. Обозначение для кнопки "Вход в полноэкранный режим".

CupertinoIcons.fullscreen_exit


Все четыре угла квадрата наружу. Обозначение для кнопки "Выход из полноэкранного режима".

#G - 7 иконок

CupertinoIcons.game_controller


Контур игрового контроллера.

CupertinoIcons.game_controller_solid


Игровой контроллер.

CupertinoIcons.gear


Шестерня с шестеренками. Этот значок не заполняется.

CupertinoIcons.gear_solid


Шестерня с шестеренками. Этот значок заполняется.

CupertinoIcons.gear_big


Шестерня с шестью зубцами.

CupertinoIcons.group


Группа из трех человек. Этот значок не заполняется.

CupertinoIcons.group_solid


Группа из трех человек. Этот значок заполняется.

#H - 1 иконка

CupertinoIcons.home


Очертания простого фасадного дома.

#I - 1 иконка

CupertinoIcons.info


Буква "I" в круге.

#L - 7 иконок

CupertinoIcons.lab_flask


Очерченная лабораторная колба.

CupertinoIcons.lab_flask_solid


Заполненная лабораторная колба.

CupertinoIcons.left_chevron


Тонкий левый шеврон.

CupertinoIcons.location


Контур отметки местоположения.

CupertinoIcons.location_solid


Отметка местоположения. Этот значок заполняется.

CupertinoIcons.loop


Символ бесконечности.

CupertinoIcons.loop_thick


Жирный символ бесконечности.

#M - 7 иконок

CupertinoIcons.mail


Контур закрытого почтового конверта.

CupertinoIcons.mail_solid


Закрытый почтовый конверт. Этот значок заполняется.

CupertinoIcons.mic


Контур микрофона.

CupertinoIcons.mic_solid


Микрофон.

CupertinoIcons.mic_off


Заполненный микрофон с диагональной линией, пересекающей его.

CupertinoIcons.minus_circled


Знак "-" в круге.

CupertinoIcons.music_note


Символ, представляющий одну музыкальную ноту.

#P - 20 иконок

CupertinoIcons.padlock


Контур открытого замка.

CupertinoIcons.padlock_solid


Открытый замок.

CupertinoIcons.pause


Два прямоугольника (кнопка "Пауза"). Этот значок не заполняется.

CupertinoIcons.pause_solid


Два прямоугольника (кнопка "Пауза").

CupertinoIcons.paw


Очерченная лапа.

CupertinoIcons.paw_solid


Заполненная лапа.

CupertinoIcons.pen


Простая ручка.

CupertinoIcons.pencil


Простой карандаш.

CupertinoIcons.person


Контур человека.

CupertinoIcons.person_solid


Человек.

CupertinoIcons.person_add


Контур человека со знаком плюс рядом с ним.

CupertinoIcons.person_add_solid


Одинокий человек со знаком плюс рядом с ним. Этот значок заполняется.

CupertinoIcons.phone


Контур телефонной трубки.

CupertinoIcons.phone_solid


Телефонная трубка.

CupertinoIcons.photo_camera


Контур фотоаппарат для фотоснимков.

CupertinoIcons.photo_camera_solid


Фотоаппарат для фотоснимков.

CupertinoIcons.play_arrow


Контур треугольника направо (кнопка "Воспроизведение").

CupertinoIcons.play_arrow_solid


Треугольника направо (кнопка "Воспроизведение").

CupertinoIcons.plus_circled


Знак "+" в круге.

CupertinoIcons.profile_circled


Силуэт человека в круге.

#R - 11 иконок

CupertinoIcons.refresh


Стрелка на круговой траектории, конец которой указывает на начало.

CupertinoIcons.refresh_bold


Жирная стрелка на круговой траектории, конец которой указывает на начало.

CupertinoIcons.refresh_circled


Контур стрелки на круговой траектории, конец которой указывает на ее начало, окруженное кругом.

CupertinoIcons.refresh_circled_solid


Стрелка на круговой траектории, конец которой указывает на ее начало, окруженное кругом.

CupertinoIcons.refresh_thick


Стрелка на круговой траектории, конец которой указывает на начало.

CupertinoIcons.refresh_thin


Стрелка на круговой траектории, конец которой указывает на начало.

CupertinoIcons.reply


Изогнутая стрелка вверх и влево.

CupertinoIcons.reply_all


Две изогнутые вверх и влево стрелки.

CupertinoIcons.reply_thick_solid


Изогнутая стрелка вверх и влево.

CupertinoIcons.restart


Стрелка, указывающая вниз, для кнопок: перезагрузка, обновление.

CupertinoIcons.right_chevron


Тонкий правый шеврон.

#S - 10 иконок

CupertinoIcons.search


Увеличительное стекло (кнопка "Поиск").

CupertinoIcons.settings


Контур шестеренки со множеством зубцов и фигурой посередине.

CupertinoIcons.settings_solid


Шестеренка со множеством зубцов и фигурой посередине.


Контур иконки "Поделиться" в стиле iOS со стрелкой, направленной вверх из окна.

CupertinoIcons.share_solid


Иконка "Поделиться" в стиле iOS со стрелкой, направленной вверх из окна.

CupertinoIcons.share_up


Иконка "Поделиться" в стиле iOS со стрелкой, направленной вверх вправо из окна.

CupertinoIcons.shopping_cart


Контур тележки для покупок, направленный вправо.

CupertinoIcons.shuffle_thick


Две стрелки, обращенные вправо.

CupertinoIcons.switch_camera


Контур камеры, содержащая две круглые стрелки, указывающие друг на друга (смена камеры).

CupertinoIcons.switch_camera_solid


Камера содержащая две круглые стрелки, указывающие друг на друга (смена камеры).

#T - 8 иконок

CupertinoIcons.tag


Контур бирки.

CupertinoIcons.tag_solid


Бирка.

CupertinoIcons.tags


Контур нескольких бирок.

CupertinoIcons.tags_solid


Несколько бирок.

CupertinoIcons.time


Контур круга с формой угла 90 градусов в центре, напоминающий часы со стрелками, показывающими 09:00.

CupertinoIcons.time_solid


Круг с формой угла 90 градусов в центре, напоминающий часы со стрелками, показывающими 09:00.

CupertinoIcons.train_style_one


Поезд с разделенным пополам окном и двумя фарами.

CupertinoIcons.train_style_two


Поезд с окном и единственной центральной фарой.

#U - 1 иконка

CupertinoIcons.up_arrow


Стрелка вверх.

#V - 6 иконок

CupertinoIcons.video_camera


Контур видео съемки.

CupertinoIcons.video_camera_solid


Видео съемка.

CupertinoIcons.volume_down


Динамик с одной небольшой звуковой волной. Уменьшение громкости.

CupertinoIcons.volume_mute


Иконка динамика.

CupertinoIcons.volume_off


Динамик с небольшой и большой звуковой волной и диагональной линией, пересекающей всю иконку. Отключение звука.

CupertinoIcons.volume_up


Динамик с небольшой и большой звуковой волной. Увеличение громкости.

Подборка заметок