Содержание
%d0%b0%d0%b2%d0%b0%d1%82%d0%b0%d1%80 %d0%b8%d0%ba%d0%be%d0%bd%d0%ba%d0%b8 PNG рисунок, картинки и пнг прозрачный для бесплатной загрузки
Мемфис дизайн геометрические фигуры узоры мода 80 90 х годов
поп арт 80 х патч стикер
80 основных форм силуэта
green environmental protection pattern garbage can be recycled green clean
Мемфис бесшовные модели 80 х 90 х стилей
80 е брызги краски дизайн текста
дизайн плаката премьера фильма кино с белым вектором экрана ба
поп арт 80 х патч стикер
поп арт 80 х патч стикер
Мемфис шаблон 80 х 90 х годов стилей фона векторные иллюстрации
80 летний юбилей дизайн шаблона векторные иллюстрации
аудиокассета изолированные вектор старая музыка ретро плеер ретро музыка аудиокассета 80 х пустой микс
мемфис бесшовной схеме 80s 90 все стили
пентаграмма наклейки 80 х мультик звезд мультика стикер
красочный игровой контроллер в стиле ретро из 80 х
be careful to slip fall warning sign carefully
поп арт 80 х патч стикер
3d номер 80 золотая роскошь
поп арт 80 х патч стикер
сердце сердцебиение любовь свадьба в квартире цвет значок векторная icon
ценю хорошо как плоская цвет значок векторная icon замечания
старая телевизионная рамка 80 х подходящая для вставки картинок
роскошный декоративный дизайн мандалы bd
чат пузыри комментарии разговоры переговоры аннотация круг ба
роскошная мандала бд
80 3d текст
Крутая музыка вечеринка певца креативный постер музыка Я Май Ба концерт вечер К
поп арт 80 х патч стикер
вектор скорости 80 значок
орнаментальная мандала bd
prohibited use mobile phone illustration can not be used
80 летний юбилей дизайн шаблона векторные иллюстрации
80 летию векторный дизайн шаблона иллюстрация
Диско вечеринка арт дизайн
вектор поп арт иллюстрацией черная женщина шопинг
предкрылки в стиле ретро 80 с
80 летний юбилей дизайн шаблона векторные иллюстрации
80 е этап пиксель ретро диско танцы неоновые иллюстрации обои
студент отмечает что примечание образования плоский цветной значок вектора значок ба
Шань Хай Цзин Ба змея Отличный зверь монстр
Персонаж из партии 80 х годов
80 летнего юбилея векторный дизайн шаблона иллюстрация
в эти выходные только мега продажи баннер скидки до 80 с
be careful to fall prohibit sign slip careful
chinese wind distant mountain pine tree chinese style pine tree chinese style poster can be combined
Ретро мода неоновый эффект 80 х тема художественное слово
82 летняя годовщина логотип дизайн шаблона иллюстрацией вектор
have electricity prohibit be careful be
Векторная иллюстрация мультфильм различных овощей на деревянном ба
syafakallah la ba sa thohurun in syaa allah арабская молитва для бесплатного скачивания
Аватар создатель векторные иконки eps svg
Аватар создатель векторные иконки eps svg | UIDownload
Аватар создатель векторные иконки eps svg
Создатель персонажей кошек
Аватар с разными предпочтениями eps
Аватар с прической eps
Хэллоуин Аватары icns ico
Различные женские аватары eps
Иконки аватаров eps svg
Заполнитель для аватара для Instagram и Facebook live / story ai
Различные женские аватары eps
Аватар с разными вариантами eps
Вектор Хатаке Какаши аватар cdr
Различные мужские аватары eps
Лица аватара векторной манги ai
Спорт векторные иконки фигур csh psd
Аватар с элементами eps
Аватары супергероев eps
Бесплатные векторные иконки тайский узор eps
Гибкие векторные иконки eps svg
Бесплатные PSD Звездные войны Аватары psd ai
Разные мужские аватары eps
Вектор моды женские аватары eps
Иконки аватара женщины eps svg
Дальнобойщик шляпа векторные иконки svg eps
Коллекция аватаров разных людей eps
аниме аватар векторная графика eps cdr ai
Наборы элементов логотипа для значков охоты и приключений для создателя eps
Круглые векторные иконки пиццы eps
Иконки социальных сетей eps
Женщина сталкивается аватары вектор
Акант векторные иконки ai svg
Коллекция аватаров людей ai eps
Звездные войны: аватары, PSD, том 2 ai psd
Иконки профессии человека цветные мультяшные аватары eps ai
Набор супергероев аватара eps
Коллекция аватаров хипстерских людей eps
Супер Марио Векторный Пакет Иконки Марио Марио Векторы Иконки Супер Марио ai eps
Иконки WiFi ai
Автомобильный интерфейс векторные иконки eps
Руки drawn смешные выражения векторные иконки eps ai
Лица аватара векторной манги ai
16 бесплатных векторных иконок аватара пользователя svg sketch ai
Силуэты Векторный Аватар Люди eps
Бесплатные векторные иконки тайский узор eps
Линия йоги векторные иконки eps ai svg
Дети Аватар Иконки eps svg
Люди в коллекции аватаров аксессуаров eps
Бесплатные векторные иконки курсора мыши eps svg ai
Сердечный ритм векторные иконки svg eps
Сапин векторные иконки Рождественская елка svg eps
Неоновые иконки социальных сетей eps
Медицинские иконки ai eps
дизайнов, тем, шаблонов и графических элементов для загрузки иконок профиля на Dribbble
Посмотреть аватар Pixelz 3D
Pixelz 3D Аватар
Посмотреть плиту! Команда Дизайн-Студии — 3D Аватар
Плита! Команда студии дизайна — 3D-аватар
Посмотреть приложение Kafoot
Приложение Kafoot
Просмотр иконок «Путешествующие люди»
Иконки с людьми из путешествий
Посмотреть библиотеку лиц игрушек | 3D иллюстрации | 3D Аватары
Библиотека игрушечных лиц | 3D иллюстрации | 3D-аватары
Просмотр иконок «Путешествующие люди»
Иконки с людьми из путешествий
Посмотреть портреты аватаров в плоском дизайне, персонажей цифрового искусства
Портреты аватаров в плоском дизайне, персонажи цифрового искусства
Просмотреть иллюстрацию набора значков изображения профиля аватара
Иллюстрация набора значков изображения профиля аватара
Посмотреть аватар девушки в стиле стимпанк
Аватар девушки в стиле стимпанк
Посмотреть аватары летнего лагеря Solana
Аватары летнего лагеря Солана
Посмотреть исследование аватара
Исследование аватара
Просмотр символов плоского дизайна/векторной иллюстрации аватаров
Персонажи плоского дизайна / Аватары Векторная иллюстрация
Посмотреть хрустальное лицо
Хрустальное лицо
Просмотр DailyUI 088 — Аватар
DailyUI 088 — Аватар
Посмотреть аватары
Аватары
Посмотреть Малала | Игрушечные лица | 3D-иллюстрация
Малала | Игрушечные лица | 3D-иллюстрация
Посмотреть прическу
Прическа
Посмотреть пользовательские аватары для Qeam
Пользовательские аватары для Qeam
Посмотреть иллюстрацию «Проверка чтения заметок»
Проверка примечаний к чтению Иллюстрация
Посмотреть аватары
Аватары
Посмотреть новую ава Paperpillar
Бумажная колонна, новая ава
Посмотреть новый аватар Paperpillar
Новый аватар Paperpillar
Посмотреть аватары Арли
Аватары Арли
Посмотреть Знакомство с командой
Познакомьтесь с командой
Зарегистрируйтесь, чтобы продолжить
или войдите в систему
Загружается еще…
Компонент React Avatar — Material UI
Редактировать эту страницу
Аватары встречаются во всем дизайне материалов и используются во всем, от таблиц до диалоговых меню.
- Обратная связь
- Размер пакета
- Figma
- Adobe
- Sketch
Изображение аватарки
Изображение аватарки можно создать, пройдя стандарт img
props src
или srcSet
для компонента.
<Аватар alt="Реми Шарп" src="/static/images/avatar/1.jpg" /> <Аватар alt="Трэвис Ховард" src="/static/images/avatar/2.jpg" /> <Аватар alt="Синди Бейкер" src="/static/images/avatar/3.jpg" />
<Аватар alt="Реми Шарп" src="/static/images/avatar/1.jpg" / >
<Аватар alt="Трэвис Ховард" src="/static/images/avatar/2.jpg" />
<Аватар alt="Синди Бейкер" src="/static/images/avatar/3.jpg" />
Нажмите Введите , чтобы начать редактирование
Буквенные аватары
Аватары, содержащие простые символы, можно создать, передав строку как дочерних элементов
.
<Аватар>Н <Аватар sx={{ bgcolor: deepOrange[500] }}>NOP
<Аватар sx={{ bgcolor: deepOrange[500] }}>N
<Аватар sx={{ bgcolor: deepPurple[500] }}>ОП
Нажмите Введите , чтобы начать редактирование
Вы можете использовать разные цвета фона для аватара.
Следующая демонстрация генерирует цвет на основе имени человека.
KD
JW
TN
<Аватар {...stringAvatar('Джед Ватсон')} />
<Аватар {...stringAvatar('Джед Ватсон')} />
Нажмите . Введите , чтобы начать редактирование.
<Аватар alt="Реми Шарп" src="/static/images/аватар/1.jpg" sx={{ ширина: 24, высота: 24 }} /> <Аватар alt="Реми Шарп" src="/static/images/avatar/1.jpg" /> <Аватар alt="Реми Шарп" src="/static/images/аватар/1.jpg" sx={{ ширина: 56, высота: 56 }} />
<Аватар
alt="Реми Шарп"
src="/static/images/аватар/1.jpg"
sx={{ ширина: 24, высота: 24 }}
/>
<Аватар alt="Реми Шарп" src="/static/images/avatar/1.jpg" />
<Аватар
alt="Реми Шарп"
src="/static/images/аватар/1. jpg»
sx={{ ширина: 56, высота: 56 }}
/>
Нажмите Введите , чтобы начать редактирование.
<Аватар> <Значок папки /> <Аватар sx={{ bgcolor: pink[500] }}> <Значок просмотра страницы /> <Аватар sx={{ bgcolor: green[500] }}> <Значок назначения />
<Аватар>
<Значок папки />
<Аватар sx={{ bgcolor: pink[500] }}>
<Значок просмотра страницы />
<Аватар sx={{ bgcolor: green[500] }}>
<Значок назначения />
Нажмите Введите , чтобы начать редактирование.
<Аватар sx={{ bgcolor: deepOrange[500] }} variant="square"> Н <Аватар sx={{ bgcolor: green[500] }} variant="rounded"> <Значок назначения />
<Аватар sx={{ bgcolor: deepOrange[500] }} variant="square">
Н
<Аватар sx={{ bgcolor: green[500] }} variant="rounded">
<Значок назначения />
Нажмите Введите , чтобы начать редактирование.
альтернатива
текст<Аватар sx={{ bgcolor: deepOrange[500] }} alt="Реми Шарп" src="/сломанное-изображение.jpg" > Б <Аватар sx={{ bgcolor: deepOrange[500] }} alt="Реми Шарп" src="/сломанное-изображение.jpg" /> <Аватар src="/broken-image.jpg" />
<Аватар
sx={{ bgcolor: deepOrange[500] }}
alt="Реми Шарп"
src="/сломанное-изображение.jpg"
>
Б
<Аватар
sx={{ bgcolor: deepOrange[500] }}
alt="Реми Шарп"
src="/сломанное-изображение.jpg"
/>
<Аватар src="/broken-image.jpg" />
Нажмите Введите , чтобы начать редактирование
Сгруппировано
AvatarGroup
отображает дочерние элементы в виде стека. Используйте опору max
, чтобы ограничить количество аватаров.
<Группа аватаров макс={4}> <Аватар alt="Реми Шарп" src="/static/images/avatar/1.jpg" /> <Аватар alt="Трэвис Ховард" src="/static/images/avatar/2. jpg" /> <Аватар alt="Синди Бейкер" src="/static/images/avatar/3.jpg" /> <Аватар alt="Агнес Уокер" src="/static/images/avatar/4.jpg" /> <Аватар alt="Тревор Хендерсон" src="/static/images/avatar/5.jpg" />
<макс.группа аватаров={4}>
<Аватар alt="Реми Шарп" src="/static/images/avatar/1.jpg" />
<Аватар alt="Трэвис Ховард" src="/static/images/avatar/2.jpg" />
<Аватар alt="Синди Бейкер" src="/static/images/avatar/3.jpg" />
<Аватар alt="Агнес Уокер" src="/static/images/avatar/4.jpg" />
<Аватар alt="Тревор Хендерсон" src="/static/images/avatar/5.jpg" />
Нажмите Введите , чтобы начать редактирование
Всего аватаров
Если вам нужно контролировать общее количество не отображаемых аватаров, вы можете использовать реквизит total
.
<Общая группа аватаров={24}> <Аватар alt="Реми Шарп" src="/static/images/avatar/1.jpg" /> <Аватар alt="Трэвис Ховард" src="/static/images/avatar/2. jpg" /> <Аватар alt="Агнес Уокер" src="/static/images/avatar/4.jpg" /> <Аватар alt="Тревор Хендерсон" src="/static/images/avatar/5.jpg" />
<Аватар alt="Реми Шарп" src="/static/images/avatar/1.jpg" />
<Аватар alt="Трэвис Ховард" src="/static/images/avatar/2.jpg" />
<Аватар alt="Агнес Уокер" src="/static/images/avatar/4.jpg" />
<Аватар alt="Тревор Хендерсон" src="/static/images/avatar/5.jpg" />
Нажмите Введите , чтобы начать редактирование