mdc-react/dist/avatar/index.css

Material Components for the web implemented in React

.mdc-avatar{align-items:center;background-color:#bdbdbd;color:#fff;display:inline-flex;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.mdc-avatar,.mdc-avatar .mdc-avatar__image{border-radius:100%;height:100%;width:100%}.mdc-avatar .mdc-avatar__icon{font-size:24px}.mdc-avatar .mdc-avatar__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-font-family,Roboto,sans-serif);font-size:20px;height:100%;line-height:40px;text-align:center;width:100%}.mdc-avatar.mdc-avatar--small{height:24px;width:24px}.mdc-avatar.mdc-avatar--small .mdc-avatar__icon{font-size:16px}.mdc-avatar.mdc-avatar--small .mdc-avatar__text{font-size:12px;line-height:24px}.mdc-avatar.mdc-avatar--medium{height:40px;width:40px}.mdc-avatar.mdc-avatar--medium .mdc-avatar__icon{font-size:24px}.mdc-avatar.mdc-avatar--medium .mdc-avatar__text{font-size:20px;line-height:40px}.mdc-avatar.mdc-avatar--large{height:64px;width:64px}.mdc-avatar.mdc-avatar--large .mdc-avatar__icon{font-size:48px}.mdc-avatar.mdc-avatar--large .mdc-avatar__text{font-size:32px;line-height:64px}