Settings

Log out

Menu button
Home
Storybook Maps MLUS Translations AW Connect
Settings
Alerts
Alert
Pill
Toast
Tooltip
Charts
Air Quality Chart
Air Quality Graph
Chart.js Hourly Weather Chart
d3.js Hourly Forecast Chart
Daily Graph
Hourly Forecast Graph
Hourly Rainfall Chart
Index Chart
Mini Dial
Temperature Moisture Dew Air Quality Pressure UV
MinuteCast Chart
MinuteCast Cta
Monthly Temperature Chart
Quarter Day Graph
Total Ice Chart
Total Snow Chart
Visibility Tile
Weather Chart
Hourly Precip Hourly Forecast Quarter Day
Wind Dial
Wind Speed Chart
Core
Background
Background/Vue Background
Breadcrumbs
Colors
All Colors Neutrals Orange & Red Pink & Blue Teal & Green Severity Background Transparency
CTA Button
CTA Links
Dropdown
Fonts
Horizontal Menu
Icons
Kebab Menu
Legal Footer
Logos
Menu CTA Links
Recent Location Pills
Share
Tooltip
Standard HTML Content
Transitions
Elements
Button
Standard Vue/Button
Checkbox
Standard Vue/Checkbox
Drawer
Dropdown
Vue/Dropdown Vue/MiniDropdown
ProgressBar
Radio
Vue/Radio Radio
Search
Standard Vue/Search
SearchBar
Slider
Vue/Slider Slider
Tab
Tag
Standard Vue/Tag
TextLockup
Standard Vue/TextLockup
Toggle
Vue/Toggle Toggle
User Icon
Standard Vue/User Icon
Forms
Form Inputs
Input Form Dropdown
Maps
Air Quality Map
Alert Map
AssetTag
Map Container
MapPin
Location pin Asset type pin
Mapping Layers
Radar Map
Recommended Maps
Smoke Map
Theme Tool
Navigation
Main Nav
Standard Vue/Nav
Secondary Nav
Standard Vue/SecondaryNav
Services
Phrase Code Service
Subscriptions
Tier Card
Standard Yearly
Tables
Plain Table
Vue/Asset Desktop Table Vue/Asset Mobile Table Vue/Asset Responsive Table
TagHelpers
AccuWeather Logo
Air Quality Guide
Air Quality Particles
Arrow Icon
Check Icon
Chevron Icon
Close Icon
Daily Storm Icon
External Link Icon
Full Screen Icon
Hamburger Icon
Index Description
Lifestyle Tooltip
Placeholder Icon
Question Mark Icon
Realfeel Tooltip
Smoke Tooltip
Storm Icon
Storm Icon SVG
Toggle
Weather Icon
Weather
Active Global Storms
Air Quality Card
Air Quality Current Pollutants
Air Quality Daily
Current Conditions Card
Current Conditions Card & Minutecast
Daily Weather Cards
Detail Tile
Global Tropical List
Greeting Phrase
Health & Activities
Hourly Flyup Sheet
Hurricane CTA
Hurricane Tracker CTA
Impacted Cities
Tropical Winter
Impacts Table
Local Storm Global Storm
Index Weather Factors
Lifestyle Index Dropdown
Lifestyle Index List
Standard Widget Related
Looking Ahead
Past Storm List
Rainfall Probability Amount
Recent Past Storms
Related Links
Safety Tips
Storm Overview
Local Incoming Local Started Global Active Global Inactive
WinterCast Cta Card
Widgets
Accordion
Headers & bars
Fixed Header Action Top Bar Bottom fixed bar Vue/Fixed Header Vue/Action Top Bar Vue/Bottom fixed bar
LinkListItem
Modal
Notifcation Tile
Panel
Scrollbar
WarningPopUp
AccuWeather Technology AccuWeather APIs AccuWeather API Status
Canvas
Data
close
Language:
Units:
Map Theme:
x
Reset
user-icon/vue-user-icon
⋮
Open in new tab
Open JSON file
Layers
Controls
Custom CSS
META
Code
Update
Title
User Icon
Description
The User Icon takes a users name and converts to initials
Namespace
AccuWeather.Core.UI.Web.Views.Elements.UserIcon
Last Updated Branch Name
task/ICE-535
Last Updated Date
03/10/2023
Name Control
isConditionalBackground
isContent
isStacked
users
Run Tests
Html Code
CSS code
Scripts