Эксклюзивная коллекция иконок · kiuicons
Kiuicons – это коллекция наборов значков, созданных профессиональными дизайнерами специально для наших посетителей.
В этой коллекции вы можете найти иконки различной тематики, все они выполнены в 4 стилях; Плоская, Заштрихованная линия, Линия и Сплошная.
Мы постоянно расширяем наборы новых тем, чтобы предлагать полную коллекцию значков, созданных по одному и тому же шаблону.
Иконки предоставляются по лицензии Free Icon-Icons. Вы можете бесплатно загрузить любой пакет для использования в личных или коммерческих проектах, но при этом необходимо указать ссылку на icon-icons.com с указанием авторства.
Content
- Agriculture and Farming
- Beauty and Fashion
- Business and Finance
- Cinema
- Commerce and Shopping
- Construction and Equipment
- Crime and Security
- Design and Development
- Drinks and Restaurant
- Electronic Devices And Hardware
- Files and Folders
- Food
- Fruits
- Furniture
- Gym and fitness
- Hotel and Holidays
- Kids
- Nature and Ecology
- School and Education
- Sport and Games
- Transportation and Vehicle
- Vegetables
- Weather and Season
Agriculture and Farming
- Flat
- Filled line
- Solid
- line
скачать Agriculture and Farming — Flat
скачать Agriculture and Farming — Filled line
скачать Agriculture and Farming — Solid
скачать Agriculture and Farming — Line
Beauty and Fashion
- Flat
- Filled line
- Solid
- line
скачать Beauty and Fashion — Flat
скачать Beauty and Fashion — Filled line
скачать Beauty and Fashion — Solid
Business and Finance
- Flat
- Filled line
- Solid
- line
скачать Business and Finance — Flat
скачать Business and Finance — Filled line
скачать Business and Finance — Solid
скачать Business and Finance — Line
Cinema
- Flat
- Filled line
- Solid
- line
скачать Cinema — Flat
скачать Cinema — Filled line
скачать Cinema — Solid
скачать Cinema — Line
Commerce and Shopping
- Flat
- Filled line
- Solid
- line
скачать Commerce and Shopping — Flat
скачать Commerce and Shopping — Filled line
скачать Commerce and Shopping — Solid
скачать Commerce and Shopping — Line
Construction and Equipment
- Flat
- Filled line
- Solid
- line
скачать Construction and Equipment — Flat
скачать Construction and Equipment — Filled line
скачать Construction and Equipment — Solid
скачать Construction and Equipment — Line
Crime and Security
- Flat
- Filled line
- Solid
- line
скачать Crime and Security — Flat
скачать Crime and Security — Filled line
скачать Crime and Security — Solid
скачать Crime and Security — Line
Design and Development
- Flat
- Filled line
- Solid
- line
скачать Design and Development — Flat
скачать Design and Development — Filled line
скачать Design and Development — Solidскачать Design and Development — Line
Drinks and Restaurant
- Flat
- Filled line
- Solid
- line
скачать Drinks and Restaurant — Flat
скачать Drinks and Restaurant — Filled line
скачать Drinks and Restaurant — Solid
скачать Drinks and Restaurant — Line
Electronic Devices And Hardware
- Flat
- Filled line
- Solid
- line
скачать Electronic Devices And Hardware — Flat
скачать Electronic Devices And Hardware — Filled line
скачать Electronic Devices And Hardware — Solid
скачать Electronic Devices And Hardware — Line
Files and Folders
- Flat
- Filled line
- Solid
- line
скачать Files and Folders — Flat
скачать Files and Folders — Filled line
скачать Files and Folders — Solid
скачать Files and Folders — Line
Food
- Flat
- Filled line
- Solid
- line
скачать Food — Flat
скачать Food — Filled lineскачать Food — Solid
скачать Food — Line
Fruits
- Flat
- Filled line
- Solid
- line
скачать Fruits — Flat
скачать Fruits — Filled line
скачать Fruits — Solid
скачать Fruits — Line
Furniture
- Flat
- Filled line
- Solid
- line
скачать Furniture — Flat
скачать Furniture — Filled line
скачать Furniture — Line
Gym and fitness
- Flat
- Filled line
- Solid
- line
скачать Gym and fitness — Flat
скачать Gym and fitness — Filled line
скачать Gym and fitness — Solid
скачать Gym and fitness — Line
Hotel and Holidays
- Flat
- Filled line
- Solid
- line
скачать Hotel and Holidays — Flat
скачать Hotel and Holidays — Filled line
скачать Hotel and Holidays — Solidскачать Hotel and Holidays — Line
Kids
- Flat
- Filled line
- Solid
- line
скачать Kids — Flat
скачать Kids — Filled line
скачать Kids — Solid
скачать Kids — Line
Nature and Ecology
- Flat
- Filled line
- Solid
- line
скачать Nature and Ecology — Flat
скачать Nature and Ecology — Filled line
скачать Nature and Ecology — Solid
скачать Nature and Ecology — Line
School and Education
- Flat
- Filled line
- Solid
- line
скачать School and Education — Flat
скачать School and Education — Filled line
скачать School and Education — Solid
скачать School and Education — Line
Sport and Games
- Flat
- Filled line
- Solid
- line
скачать Sport and Games — Flat
скачать Sport and Games — Filled line
скачать Sport and Games — Solid
скачать Sport and Games — Line
Transportation and Vehicle
- Flat
- Filled line
- Solid
- line
скачать Transportation and Vehicle — Flat
скачать Transportation and Vehicle — Filled line
скачать Transportation and Vehicle — Solid
скачать Transportation and Vehicle — Line
Vegetables
- Flat
- Filled line
- Solid
- line
скачать Vegetables — Flat
скачать Vegetables — Filled line
скачать Vegetables — Line
Weather and Season
- Flat
- Filled line
- Solid
- line
скачать Weather and Season — Flat
скачать Weather and Season — Filled line
скачать Weather and Season — Solid
скачать Weather and Season — Line
Значок ICO, значки предупреждений, угол, треугольник, оранжевый png
Значок ICO, значки предупреждений, угол, треугольник, оранжевый pngтеги
- угол,
- треугольник,
- оранжевый,
- веб-сайт,
- предупреждение значки,
- пользователь,
- яблоко,
- значок формата изображения,
- символ,
- масштабируемая векторная графика,
- организация,
- круг,
- линия,
- значок Дизайн,
- iCO,
- скачать,
- png,
- прозрачный,
- бесплатная загрузка
Об этом PNG
- Размер изображения
- 512x512px
- Размер файла
- 50.
25KB
- MIME тип
- Image/png
изменить размер PNG
ширина(px)
высота(px)
Лицензия
Некоммерческое использование, DMCA Contact Us
- желтый и черный предупреждающий знак, значок, значки предупреждения, угол, треугольник, знак png 600x550px 23.95KB
- красная стрелка, значок стрелки, стрелка вверх, угол, веб-дизайн, формат файла изображения png 512x512px 22KB
- Компьютер Иконы Дом, Черный Дом Иконка, разное, угол, другие png 512x512px 18.74KB
- значок предупреждения, значки ошибок компьютера, оранжевый значок ошибки, разное, угол, треугольник png 512x512px 10.12KB
- Значок стрелки ICO, стрелка вправо, веб-дизайн, текст, товарный знак png 512x512px 16.58KB
- Значок, значки предупреждения, текст, логотип, веб-сайт png 512x512px 26.81KB
- Значок камеры, камера, электроника, прямоугольник, квадрат png 512x512px 9.81KB
- Иконки компьютеров Ошибка Масштабируемая графика, Знак ошибки s, угол, треугольник, предупреждающий знак png 512x512px 81.2KB
- Логотип Facebook, Логотип Facebook Иконка, Логотип Facebook, угол, белый, изображение Форматы файлов png 626x626px 9.91KB
- Социальные сети Компьютерные иконки Facebook, Fb Icons, логотип Facebook, Разное, синий, прямоугольник png 966x1039px 952.66KB
- Указатель Компьютерная мышь ICO Icon, Курсорная стрелка, угол, веб-дизайн, текст png 512x512px 15KB
- черный топливный насос логотип, Компьютерные иконки Бензин Автозаправочная станция Топливо, Free Icon Petroleum, Разное, текст, прямоугольник png 512x512px 8.38KB
- Иконка Круг инфографики, Инфографика круги и треугольники PPT, 01-05 текст, синий, угол, 3D компьютерная графика png 3200x4919px 1.1MB
- черная стрелка вниз иллюстрации, значки компьютеров стрелка раскрывающийся список, значок стрелки вниз бесплатно, разное, угол, другие png 512x512px 10.81KB
-
Физика Иконка, Наука, монохромный, яблоко значок изображения формат, наука png
512x512px
29.
61KB
- Дизайн иконок Iconfinder Icon, Солнце, текст, оранжевый, симметрия png 815x612px 25.54KB
- чирок и серая иллюстрация, компьютерные иконки масштабируемая графика, бизнес-команда значок бизнес бизнесмен лидер, синий, текст, люди png 512x512px 40.96KB
- значок пользователя профиля, значки компьютеров профиль пользователя, руководитель Ico, Разное, другие, черный png 512x512px 18.97KB
- Значок логотипа, логотип Instagram, логотип Instagram, фиолетовый, текст, прямоугольник png 1000x1000px 388.25KB
-
круглый синий и белый бумажный логотип, Telegram Компьютерные иконки Формат Apple Icon, Telegram Icon |Enkel Iconset |FroyoShark, разное, синий, компьютерная сеть png
512x512px
46.
75KB
- серая метка x иллюстрации, компьютер иконки круг, символы закрыть, прочее, другие, логотип png 512x512px 22.71KB
- вложение иллюстрации, значки компьютеров вложение электронной почты Масштабируемая графика, бесплатное вложение электронной почты, Разное, текст, другие png 512x512px 26.25KB
- музыка значок иллюстрации , микрофон значки компьютеров громкоговоритель, с значок динамика, угол, электроника, текст png 512x512px 12.57KB
- Значок стрелки ICO, стрелка влево, синий, угол, веб-дизайн png 512x512px 23.92KB
-
восклицательный знак, значок символа, значки предупреждения, угол, текст, оранжевый png
512x512px
7.
08KB
- красная стрелка, Иконка Стрелка компьютера, Красная линия стрелки, разное, угол, текст png 600x529px 15.53KB
- Предупреждающий знак Computer Icons, ВНИМАНИЕ, угол, треугольник, предупреждающий знак png 600x517px 55.85KB
- желтая звезда, компьютерные иконки Favicon Avatar Music, желтая звезда значок, угол, треугольник, веб-сайт png 512x512px 48.8KB
- Компьютерные иконки Оформить заказ Favicon, Выйти, разное, угол, текст png 512x512px 19.24KB
- Компьютерные иконки, Обновить Сохранить, разное, синий, другие png 512x512px 71.45KB
- белый и серый глобус логотип, компьютерные иконки Интернет World Wide Web, Белый дом, логотип, веб-сайт, бренд png 800x800px 49KB
- GPS-индикатор, значки компьютеров Местоположение Al ‘s Tile & Marble Fino Значок дизайн, Расположение Символ Круг, Значок Расположение, Разное, текст, другие png 512x512px 20.95KB
- Компьютерные иконки Microsoft Windows Button, свернуть бесплатно, разное, угол, прямоугольник png 512x512px 6.1KB
-
Веб-разработка Logo World Wide Web Веб-сайт, веб-символ, веб-дизайн, симметрия, монохромный png
2000x2000px
15.
29MB
- Иконки компьютеров Iconfinder, значки отчетов без указания авторства, разное, угол, текст png 512x512px 18.03KB
- Компьютерные иконки Дизайн иконок, Выход с, угол, масштабируемая векторная графика, логин png 512x512px 44.81KB
- Летучая мышь Хэллоуин, Хэллоуин Летучая мышь, млекопитающее, форматы файлов изображений, праздники png 512x512px 5.14KB
- Черная гитара эскиз, Компьютерные иконки Акустическая гитара, s Free Guitar Icon, текст, классическая гитара, символ png 512x512px 18.52KB
-
Логотип входа, Иконки компьютера для входа в систему Авторизация, Иконка входа в интерфейс пользователя, разное, угол, логотип png
512x512px
25.
57KB
- Globe World Компьютерные иконки, глобус, онлайн, значок мира, земля искусства, Разное, другие, логотип png 512x512px 31.43KB
- Компьютерные иконки Профиль пользователя, Пользователь, силуэт, яблоко, значок графического формата png 512x512px 4.95KB
- черный дом, окно крыши дома, свободный дом, угол, белый, текст png 600x479px 10.34KB
- ножницы, значки компьютеров ножницы, значки ножниц, текст, логотип, символ png 512x512px 20.26KB
- красная стрелка, стрелка, красная стрелка вправо, разное, угол, треугольник png 600x457px 15.52KB
- Логотип Facebook, Логотип Иконка Facebook, Логотип Facebook, инкапсулированный PostScript, бренд, социальная сеть png 626x626px 19.73KB
Icon — Chakra UI
Chakra предоставляет набор часто используемых значков интерфейса, которые вы можете использовать в своем проекте в твоей проект.
Эти значки опубликованы в отдельном пакете, который не является частью
@chakra-ui/react
по умолчанию.
npm i @chakra-ui/icons
# или
пряжа добавить @chakra-ui/icons
Usage#
Chakra предоставляет несколько способов использования значков в вашем проекте:
- Использование библиотеки значков пользовательского интерфейса Chakra
- Использование сторонней библиотеки значков
- Создание собственных иконок
🚨 Избегайте передачи обработчиков
onClick
компонентам значков.Если вам нужен кликабельный значок, используйте IconButton вместо.
import { PhoneIcon, AddIcon, WarningIcon } from '@chakra-ui/icons'
// Размер значка по умолчанию 1em (16px)
// Используйте свойство boxSize для изменения размера значка
// Используйте свойство `color` для изменения icon color
All icons#
Ниже приведен список всех значков в библиотеке вместе с соответствующими имена компонентов:
Использование сторонней библиотеки значков #
Чтобы использовать сторонние библиотеки значков, такие как
react-icons
, вот шаги:
- Импорт компонента
Icon
из@chakra-ui/react
- Передать нужный значок стороннего производителя в
как реквизит
// 1. Импорт
import { Icon } из '@chakra-ui/react'
import { MdSettings } из 'react-icons/md'
// 2.
Используйте реквизит `as`
function Example() {
return
}
Некоторые примеры#
{/* Размер значка по умолчанию 1em (16px) */}
{/* Используйте ` boxSize` для изменения размера значка */}
{/* Используйте свойство `color` для изменения цвета значка */ }
Создание собственных значков #
Chakra предоставляет два метода создания пользовательских значков:
- Использование компонента Icon
- Использование функции createIcon
Их можно импортировать из @chakra-ui/react
:
значок с помощью стильный реквизит.
Использование компонента
Icon
#9Компонент 0011 Icon отображается как элемент
svg
.![]()
fill='currentColor'
d='M 100, 100 м -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0'
/>
Это позволяет вам определять свои собственные компоненты значков:
const CircleIcon = (реквизит) => (
fill='currentColor'
d='M 100, 100 м -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0'
/>
)
И стилизуйте их с помощью style props:
{/* Размер значка по умолчанию — 1em (16px) >
{/* Используйте реквизит `boxSize`, чтобы изменить размер значка */}
{/* Используйте реквизит `color`, чтобы изменить цвет значка */}
Использование функции
createIcon
#Функция
createIcon
представляет собой обертку вокруг процесса генерация иконок с помощьюIcon
, что позволяет достичь той же функциональности с меньшими усилиями.![]()
import { createIcon } from '@chakra-ui/icons'
// использование `path`
export const UpDownIcon = createIcon({
displayName: 'UpDownIcon',
viewBox: '0 0 200 200',
// путь также может быть массивом элементов, если у вас есть несколько путей, линий, форм и т. д.
путь: (
fill='currentColor'
d='M 100, 100 м -75, 0 и 75,75 0 1,0 150,0 и 75,75 0 1,0 -150,0'
/>
),
})
// ИЛИ прямое использование значения `d` пути (определения пути)
export const UpDownIcon = createIcon({
displayName: 'UpDownIcon',
viewBox: '0 0 200 200',
d: 'M 100, 100 м -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1 ,0 -150,0',
})
Советы по созданию собственных иконок#
- Экспорт иконок в формате
svg
из Figma, Эскиз и др. - Используйте такой инструмент, как SvgOmg, чтобы уменьшить
размер и минимизировать разметку.
Fallback Icon#
Если дочерний элемент
не указан, компонент Icon
отображает резервный значок.
Редактировать эту страницу на GitHub
Синхронизация значков и символов в настольном приложении
Эта статья представляет собой глоссарий значков синхронизации настольного приложения Dropbox и их значений. Значки синхронизации появляются в двух местах: в папке Dropbox на вашем компьютере и на панели задач (Windows) или в строке меню (Mac). Значки синхронизации будут различаться в зависимости от их местоположения.
Если вы ищете значок, которого здесь нет, ознакомьтесь с этой статьей о значках, символах и цветах файлов и папок.
Еще не пользуетесь Dropbox? Узнайте, как Dropbox упрощает синхронизацию файлов.
Значки синхронизации в папке Dropbox
Ниже приведены значки синхронизации, которые отображаются на файлах и папках в папке Dropbox в Проводнике (Windows) или Finder (Mac).
Примечание: Значки синхронизации, отображаемые в папках, будут зависеть от статуса синхронизации файлов/папок, содержащихся в них.
Доступно в автономном режимеСплошной зеленый кружок с белой галочкой означает, что ваш файл или папка синхронизированы и доступны в автономном режиме. Вы увидите этот значок, щелкнув правой кнопкой мыши файл или папку и выбрав Сделать доступным в автономном режиме. «Синхронизировано» означает, что любые изменения, внесенные вами в этот файл или папку, отражаются везде, где вы получаете доступ к своим файлам в Dropbox. «Доступно в автономном режиме» означает, что ваш файл или папка доступны, когда вы не подключены к Интернету. Для папок этот значок означает, что все файлы в папке доступны в автономном режиме. Пока этот файл или папка хранится на вашем устройстве, их можно сделать доступными только в сети, щелкнув правой кнопкой мыши и выбрав Сделать только в сети . Примечание. Файлы и папки, доступные в автономном режиме, не будут автоматически изменены на доступные только в онлайн-режиме независимо от доступного места на жестком диске. |
|
Только онлайнСплошной серый круг со значком белого облака означает, что ваш файл или папка полностью синхронизированы и доступны только онлайн. «Синхронизировано» означает, что любые изменения, внесенные вами в этот файл или папку, отражаются везде, где вы получаете доступ к своим файлам в Dropbox. «Только онлайн» означает, что ваши файлы могут быть открыты только тогда, когда ваш компьютер подключен к Интернету. Это экономит место на жестком диске вашего компьютера. Для папок этот значок означает, что в папке есть хотя бы один файл, доступный только в Интернете. В папке также могут быть файлы, которые «доступны» и/или «доступны в автономном режиме». Узнайте, как сделать файлы Dropbox доступными только онлайн. |
|
Выполняется синхронизацияСплошной синий круг с двумя белыми стрелками по кругу означает, что ваш файл или папка находятся в процессе обновления. Если вы решили добавить его на жесткий диск с функция выборочной синхронизации , этот значок может означать, что он все еще находится в процессе синхронизации с вашим жестким диском. Если вы установили для него значение «Только в сети» , этот значок может означать, что ваш файл находится в процессе изменения статуса синхронизации с «Только в сети» на «Доступно в автономном режиме». |
|
В наличииБелый кружок с зеленой рамкой и зеленой галочкой означает, что файл или папка были открыты (напрямую или с помощью стороннего приложения) и синхронизированы. Он также представляет файлы, загруженные с компьютера, который вы используете. «Синхронизировано» означает, что любые изменения, внесенные вами в этот файл или папку, отражаются везде, где вы получаете доступ к своим файлам в Dropbox. Для папок этот значок означает, что в папке есть хотя бы один доступный файл, но нет файлов, доступных только онлайн. В папке также могут быть файлы, доступные в автономном режиме. Примечание: Если на жестком диске вашего компьютера недостаточно места, эти файлы могут автоматически измениться на доступ только к сети, чтобы освободить место. |
|
Ошибка синхронизацииКрасный кружок с белым крестиком означает, что ваш файл или папка не могут быть обновлены или синхронизированы. Если вы только что попытались добавить этот файл или папку в свою учетную запись Dropbox, это может означать, что их невозможно добавить. Узнайте о различных типах ошибок синхронизации и способах их устранения. |
|
Игнорируемый файл Серый круг с белым знаком минус означает, что ваш файл игнорируется. Подробнее об игнорируемых файлах. |
Значки синхронизации на панели задач или в строке меню
Ниже приведены различные значки Dropbox на панели задач (Windows) или в строке меню (Mac), которые видны, когда приложение Dropbox для ПК открыто на вашем компьютере.
Цвет значка может отличаться в зависимости от вашей операционной системы.
Полностью синхронизировано Сплошной черный значок Dropbox без других значков означает, что файлы и папки Dropbox на вашем компьютере полностью обновлены. Любые внесенные вами изменения отражаются везде, где вы используете Dropbox. |
|
Выполняется синхронизация Сплошной черный круг с двумя белыми стрелками по кругу означает, что файлы и папки Dropbox на вашем компьютере находятся в процессе обновления. |
|
Синхронизация приостановлена Сплошной черный круг с белым значком паузы означает, что вы приостановили синхронизацию. Узнайте, как приостановить и возобновить синхронизацию файлов в настольном приложении Dropbox. Любые изменения, которые вы вносите в свои файлы и папки Dropbox, не будут обновляться везде, где вы получаете доступ к своим файлам в Dropbox, пока вы не возобновите синхронизацию. |
|
Не подключен к Интернету Серый значок Dropbox означает, что настольное приложение Dropbox не подключено к Интернету. Это означает, что изменения, внесенные вами в файлы и папки Dropbox на вашем компьютере, не будут обновляться везде, где вы получаете доступ к своим файлам в Dropbox, пока вы снова не подключитесь к Интернету.
Оставить комментарий
|