openreplay/frontend/app/components/ui/SVG.tsx
Delirium c0f4a99545
feat(ui): add shortcuts to player page, clear unused files (#1963)
* feat(ui): remove dead code, add more shortcuts to player

* feat(ui): remove dead code, add more shortcuts to player

* feat(ui): add shortcuts

* feat(ui): additional menu shortcuts

* fix(ui): fix depds for effect
2024-03-18 11:09:49 +01:00

1917 lines
76 KiB
TypeScript

/* Auto-generated, do not edit */
import React from 'react';
import {
Activity,
Alarm_clock,
Alarm_plus,
All_sessions,
Analytics,
Anchor,
Arrow_alt_square_right,
Arrow_bar_left,
Arrow_clockwise,
Arrow_counterclockwise,
Arrow_down_short,
Arrow_down_up,
Arrow_down,
Arrow_repeat,
Arrow_right_short,
Arrow_square_left,
Arrow_square_right,
Arrow_up_short,
Arrow_up,
Arrows_angle_extend,
Avatar_icn_avatar1,
Avatar_icn_avatar10,
Avatar_icn_avatar11,
Avatar_icn_avatar12,
Avatar_icn_avatar13,
Avatar_icn_avatar14,
Avatar_icn_avatar15,
Avatar_icn_avatar16,
Avatar_icn_avatar17,
Avatar_icn_avatar18,
Avatar_icn_avatar19,
Avatar_icn_avatar2,
Avatar_icn_avatar20,
Avatar_icn_avatar21,
Avatar_icn_avatar22,
Avatar_icn_avatar23,
Avatar_icn_avatar3,
Avatar_icn_avatar4,
Avatar_icn_avatar5,
Avatar_icn_avatar6,
Avatar_icn_avatar7,
Avatar_icn_avatar8,
Avatar_icn_avatar9,
Ban,
Bar_chart_line,
Bar_pencil,
Battery_charging,
Battery,
Bell_fill,
Bell_plus,
Bell_slash,
Bell,
Binoculars,
Book_doc,
Book,
Bookmark,
Broadcast,
Browser_browser,
Browser_chrome,
Browser_edge,
Browser_electron,
Browser_facebook,
Browser_firefox,
Browser_ie,
Browser_opera,
Browser_safari,
Buildings,
Bullhorn,
Business_time,
Calendar_alt,
Calendar_check,
Calendar_day,
Calendar,
Call,
Camera_alt,
Camera_video_off,
Camera_video,
Camera,
Card_checklist,
Card_list,
Card_text,
Caret_down_fill,
Caret_left_fill,
Caret_right_fill,
Caret_up_fill,
Chat_dots,
Chat_left_text,
Chat_right_text,
Chat_square_quote,
Check_circle_fill,
Check_circle,
Check,
Chevron_double_left,
Chevron_double_right,
Chevron_down,
Chevron_left,
Chevron_right,
Chevron_up,
Circle_fill,
Circle,
Click_hesitation,
Click_rage,
Clipboard_check,
Clipboard_list_check,
Clock_history,
Clock,
Close,
Cloud_fog2_fill,
Code,
Cog,
Cogs,
Collection_play,
Collection,
Columns_gap_filled,
Columns_gap,
Console_error,
Console_exception,
Console_info,
Console_warning,
Console,
Controller,
Cookies,
Copy,
Credit_card_2_back,
Credit_card_front,
Cross,
Cubes,
Cursor_trash,
Dash,
Dashboard_icn,
Db_icons_icn_card_clickmap,
Db_icons_icn_card_errors,
Db_icons_icn_card_funnel,
Db_icons_icn_card_funnels,
Db_icons_icn_card_insights,
Db_icons_icn_card_library,
Db_icons_icn_card_mapchart,
Db_icons_icn_card_pathanalysis,
Db_icons_icn_card_performance,
Db_icons_icn_card_resources,
Db_icons_icn_card_table,
Db_icons_icn_card_timeseries,
Db_icons_icn_card_webvitals,
Desktop,
Device,
Diagram_3,
Dice_3,
Dizzy,
Door_closed,
Doublecheck,
Download,
Drag,
Edit,
Ellipsis_v,
Emoji_dizzy,
Enter,
Envelope_check,
Envelope_paper,
Envelope_x,
Envelope,
Errors_icon,
Event_click,
Event_click_hesitation,
Event_clickrage,
Event_code,
Event_i_cursor,
Event_input,
Event_input_hesitation,
Event_link,
Event_location,
Event_mouse_thrashing,
Event_resize,
Event_view,
Exclamation_circle_fill,
Exclamation_circle,
Exclamation_triangle,
Expand_wide,
Explosion,
External_link_alt,
Eye_slash_fill,
Eye_slash,
Eye,
Fetch,
Fflag_multi,
Fflag_single,
File_bar_graph,
File_code,
File_medical_alt,
File_pdf,
File,
Files,
Filetype_js,
Filetype_pdf,
Filter,
Filters_arrow_return_right,
Filters_browser,
Filters_click,
Filters_clickrage,
Filters_code,
Filters_console,
Filters_country,
Filters_cpu_load,
Filters_custom,
Filters_device,
Filters_dom_complete,
Filters_duration,
Filters_error,
Filters_fetch_failed,
Filters_fetch,
Filters_file_code,
Filters_graphql,
Filters_i_cursor,
Filters_input,
Filters_lcpt,
Filters_link,
Filters_location,
Filters_memory_load,
Filters_metadata,
Filters_os,
Filters_perfromance_network_request,
Filters_platform,
Filters_referrer,
Filters_resize,
Filters_rev_id,
Filters_state_action,
Filters_tag_element,
Filters_ttfb,
Filters_user_alt,
Filters_userid,
Filters_view,
Flag_na,
Folder_plus,
Folder2,
Fullscreen,
Funnel_cpu_fill,
Funnel_cpu,
Funnel_dizzy,
Funnel_emoji_angry_fill,
Funnel_emoji_angry,
Funnel_emoji_dizzy_fill,
Funnel_exclamation_circle_fill,
Funnel_exclamation_circle,
Funnel_file_earmark_break_fill,
Funnel_file_earmark_break,
Funnel_file_earmark_minus_fill,
Funnel_file_earmark_minus,
Funnel_file_medical_alt,
Funnel_file_x,
Funnel_hdd_fill,
Funnel_hourglass_top,
Funnel_image_fill,
Funnel_image,
Funnel_microchip,
Funnel_mouse,
Funnel_patch_exclamation_fill,
Funnel_sd_card,
Funnel_fill,
Funnel_new,
Funnel,
Gear_fill,
Gear,
Geo_alt_fill_custom,
Github,
Graph_up_arrow,
Graph_up,
Grid_1x2,
Grid_3x3,
Grid_check,
Grid_horizontal,
Grid,
Grip_horizontal,
Hash,
Hdd_stack,
Headset,
Heart_rate,
High_engagement,
History,
Hourglass_start,
Ic_errors,
Ic_network,
Ic_rage,
Ic_resources,
Id_card,
Image,
Info_circle_fill,
Info_circle,
Info_square,
Info,
Input_hesitation,
Inspect,
Integrations_assist,
Integrations_bugsnag_text,
Integrations_bugsnag,
Integrations_cloudwatch_text,
Integrations_cloudwatch,
Integrations_datadog,
Integrations_elasticsearch_text,
Integrations_elasticsearch,
Integrations_github,
Integrations_graphql,
Integrations_jira_text,
Integrations_jira,
Integrations_mobx,
Integrations_newrelic_text,
Integrations_newrelic,
Integrations_ngrx,
Integrations_openreplay_text,
Integrations_openreplay,
Integrations_redux,
Integrations_rollbar_text,
Integrations_rollbar,
Integrations_segment,
Integrations_sentry_text,
Integrations_sentry,
Integrations_slack_bw,
Integrations_slack,
Integrations_stackdriver,
Integrations_sumologic_text,
Integrations_sumologic,
Integrations_teams_white,
Integrations_teams,
Integrations_vuejs,
Integrations_zustand,
Journal_code,
Key,
Keyboard,
Layer_group,
Layers_half,
Lightbulb_on,
Lightbulb,
Link_45deg,
List_alt,
List_arrow,
List_ul,
List,
Lock_alt,
Low_disc_space,
Magic,
Map_marker_alt,
Memory_ios,
Memory,
Mic_mute,
Mic,
Minus,
Mobile,
Mouse_alt,
Mouse_pointer_click,
Network,
Next1,
No_dashboard,
No_metrics_chart,
No_metrics,
No_recordings,
Os_android,
Os_chrome_os,
Os_fedora,
Os_ios,
Os_linux,
Os_mac_os_x,
Os_other,
Os_ubuntu,
Os_windows,
Os,
Pause_circle_fill,
Pause_fill,
Pause,
Pdf_download,
Pencil_stop,
Pencil,
People,
Percent,
Performance_icon,
Person_border,
Person_fill,
Person,
Pie_chart_fill,
Pin_fill,
Play_circle_bold,
Play_circle_light,
Play_circle,
Play_fill_new,
Play_fill,
Play_hover,
Play,
Plug,
Plus_circle,
Plus_lg,
Plus,
Pointer_sessions_search,
Prev1,
Pulse,
Puzzle_piece,
Puzzle,
Question_circle,
Question_lg,
Quote_left,
Quote_right,
Quotes,
Record_btn,
Record_circle_fill,
Record_circle,
Record2,
Redo_back,
Redo,
Redux,
Remote_control,
Replay_10,
Resources_icon,
Safe_fill,
Safe,
Sandglass,
Search,
Search_notification,
Server,
Share_alt,
Shield_lock,
Side_menu_closed,
Side_menu_open,
Signpost_split,
Signup,
Skip_forward_fill,
Skip_forward,
Slack,
Slash_circle,
Sleep,
Sliders,
Social_slack,
Social_trello,
Sparkles,
Speedometer2,
Spinner,
Star_solid,
Star,
Step_forward,
Stickies,
Stop_record_circle,
Stopwatch,
Store,
Sync_alt,
Table_new,
Table,
Tablet_android,
Tachometer_slow,
Tachometer_slowest,
Tags,
Team_funnel,
Telephone_fill,
Telephone,
Terminal,
Text_paragraph,
Thermometer_sun,
Toggles,
Tools,
Trash,
Turtle,
User_alt,
User_circle,
User_friends,
User_switch,
Users,
Vendors_graphql,
Vendors_mobx,
Vendors_ngrx,
Vendors_redux,
Vendors_vuex,
Web_vitals,
Wifi,
Window_alt,
Window_restore,
Window_x,
Window,
Zoom_in
} from './Icons'
export type IconNames = 'activity' | 'alarm-clock' | 'alarm-plus' | 'all-sessions' | 'analytics' | 'anchor' | 'arrow-alt-square-right' | 'arrow-bar-left' | 'arrow-clockwise' | 'arrow-counterclockwise' | 'arrow-down-short' | 'arrow-down-up' | 'arrow-down' | 'arrow-repeat' | 'arrow-right-short' | 'arrow-square-left' | 'arrow-square-right' | 'arrow-up-short' | 'arrow-up' | 'arrows-angle-extend' | 'avatar/icn_avatar1' | 'avatar/icn_avatar10' | 'avatar/icn_avatar11' | 'avatar/icn_avatar12' | 'avatar/icn_avatar13' | 'avatar/icn_avatar14' | 'avatar/icn_avatar15' | 'avatar/icn_avatar16' | 'avatar/icn_avatar17' | 'avatar/icn_avatar18' | 'avatar/icn_avatar19' | 'avatar/icn_avatar2' | 'avatar/icn_avatar20' | 'avatar/icn_avatar21' | 'avatar/icn_avatar22' | 'avatar/icn_avatar23' | 'avatar/icn_avatar3' | 'avatar/icn_avatar4' | 'avatar/icn_avatar5' | 'avatar/icn_avatar6' | 'avatar/icn_avatar7' | 'avatar/icn_avatar8' | 'avatar/icn_avatar9' | 'ban' | 'bar-chart-line' | 'bar-pencil' | 'battery-charging' | 'battery' | 'bell-fill' | 'bell-plus' | 'bell-slash' | 'bell' | 'binoculars' | 'book-doc' | 'book' | 'bookmark' | 'broadcast' | 'browser/browser' | 'browser/chrome' | 'browser/edge' | 'browser/electron' | 'browser/facebook' | 'browser/firefox' | 'browser/ie' | 'browser/opera' | 'browser/safari' | 'buildings' | 'bullhorn' | 'business-time' | 'calendar-alt' | 'calendar-check' | 'calendar-day' | 'calendar' | 'call' | 'camera-alt' | 'camera-video-off' | 'camera-video' | 'camera' | 'card-checklist' | 'card-list' | 'card-text' | 'caret-down-fill' | 'caret-left-fill' | 'caret-right-fill' | 'caret-up-fill' | 'chat-dots' | 'chat-left-text' | 'chat-right-text' | 'chat-square-quote' | 'check-circle-fill' | 'check-circle' | 'check' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-fill' | 'circle' | 'click-hesitation' | 'click-rage' | 'clipboard-check' | 'clipboard-list-check' | 'clock-history' | 'clock' | 'close' | 'cloud-fog2-fill' | 'code' | 'cog' | 'cogs' | 'collection-play' | 'collection' | 'columns-gap-filled' | 'columns-gap' | 'console/error' | 'console/exception' | 'console/info' | 'console/warning' | 'console' | 'controller' | 'cookies' | 'copy' | 'credit-card-2-back' | 'credit-card-front' | 'cross' | 'cubes' | 'cursor-trash' | 'dash' | 'dashboard-icn' | 'db-icons/icn-card-clickMap' | 'db-icons/icn-card-errors' | 'db-icons/icn-card-funnel' | 'db-icons/icn-card-funnels' | 'db-icons/icn-card-insights' | 'db-icons/icn-card-library' | 'db-icons/icn-card-mapchart' | 'db-icons/icn-card-pathAnalysis' | 'db-icons/icn-card-performance' | 'db-icons/icn-card-resources' | 'db-icons/icn-card-table' | 'db-icons/icn-card-timeseries' | 'db-icons/icn-card-webVitals' | 'desktop' | 'device' | 'diagram-3' | 'dice-3' | 'dizzy' | 'door-closed' | 'doublecheck' | 'download' | 'drag' | 'edit' | 'ellipsis-v' | 'emoji-dizzy' | 'enter' | 'envelope-check' | 'envelope-paper' | 'envelope-x' | 'envelope' | 'errors-icon' | 'event/click' | 'event/click_hesitation' | 'event/clickrage' | 'event/code' | 'event/i-cursor' | 'event/input' | 'event/input_hesitation' | 'event/link' | 'event/location' | 'event/mouse_thrashing' | 'event/resize' | 'event/view' | 'exclamation-circle-fill' | 'exclamation-circle' | 'exclamation-triangle' | 'expand-wide' | 'explosion' | 'external-link-alt' | 'eye-slash-fill' | 'eye-slash' | 'eye' | 'fetch' | 'fflag-multi' | 'fflag-single' | 'file-bar-graph' | 'file-code' | 'file-medical-alt' | 'file-pdf' | 'file' | 'files' | 'filetype-js' | 'filetype-pdf' | 'filter' | 'filters/arrow-return-right' | 'filters/browser' | 'filters/click' | 'filters/clickrage' | 'filters/code' | 'filters/console' | 'filters/country' | 'filters/cpu-load' | 'filters/custom' | 'filters/device' | 'filters/dom-complete' | 'filters/duration' | 'filters/error' | 'filters/fetch-failed' | 'filters/fetch' | 'filters/file-code' | 'filters/graphql' | 'filters/i-cursor' | 'filters/input' | 'filters/lcpt' | 'filters/link' | 'filters/location' | 'filters/memory-load' | 'filters/metadata' | 'filters/os' | 'filters/perfromance-network-request' | 'filters/platform' | 'filters/referrer' | 'filters/resize' | 'filters/rev-id' | 'filters/state-action' | 'filters/tag-element' | 'filters/ttfb' | 'filters/user-alt' | 'filters/userid' | 'filters/view' | 'flag-na' | 'folder-plus' | 'folder2' | 'fullscreen' | 'funnel/cpu-fill' | 'funnel/cpu' | 'funnel/dizzy' | 'funnel/emoji-angry-fill' | 'funnel/emoji-angry' | 'funnel/emoji-dizzy-fill' | 'funnel/exclamation-circle-fill' | 'funnel/exclamation-circle' | 'funnel/file-earmark-break-fill' | 'funnel/file-earmark-break' | 'funnel/file-earmark-minus-fill' | 'funnel/file-earmark-minus' | 'funnel/file-medical-alt' | 'funnel/file-x' | 'funnel/hdd-fill' | 'funnel/hourglass-top' | 'funnel/image-fill' | 'funnel/image' | 'funnel/microchip' | 'funnel/mouse' | 'funnel/patch-exclamation-fill' | 'funnel/sd-card' | 'funnel-fill' | 'funnel-new' | 'funnel' | 'gear-fill' | 'gear' | 'geo-alt-fill-custom' | 'github' | 'graph-up-arrow' | 'graph-up' | 'grid-1x2' | 'grid-3x3' | 'grid-check' | 'grid-horizontal' | 'grid' | 'grip-horizontal' | 'hash' | 'hdd-stack' | 'headset' | 'heart-rate' | 'high-engagement' | 'history' | 'hourglass-start' | 'ic-errors' | 'ic-network' | 'ic-rage' | 'ic-resources' | 'id-card' | 'image' | 'info-circle-fill' | 'info-circle' | 'info-square' | 'info' | 'input-hesitation' | 'inspect' | 'integrations/assist' | 'integrations/bugsnag-text' | 'integrations/bugsnag' | 'integrations/cloudwatch-text' | 'integrations/cloudwatch' | 'integrations/datadog' | 'integrations/elasticsearch-text' | 'integrations/elasticsearch' | 'integrations/github' | 'integrations/graphql' | 'integrations/jira-text' | 'integrations/jira' | 'integrations/mobx' | 'integrations/newrelic-text' | 'integrations/newrelic' | 'integrations/ngrx' | 'integrations/openreplay-text' | 'integrations/openreplay' | 'integrations/redux' | 'integrations/rollbar-text' | 'integrations/rollbar' | 'integrations/segment' | 'integrations/sentry-text' | 'integrations/sentry' | 'integrations/slack-bw' | 'integrations/slack' | 'integrations/stackdriver' | 'integrations/sumologic-text' | 'integrations/sumologic' | 'integrations/teams-white' | 'integrations/teams' | 'integrations/vuejs' | 'integrations/zustand' | 'journal-code' | 'key' | 'keyboard' | 'layer-group' | 'layers-half' | 'lightbulb-on' | 'lightbulb' | 'link-45deg' | 'list-alt' | 'list-arrow' | 'list-ul' | 'list' | 'lock-alt' | 'low-disc-space' | 'magic' | 'map-marker-alt' | 'memory-ios' | 'memory' | 'mic-mute' | 'mic' | 'minus' | 'mobile' | 'mouse-alt' | 'mouse-pointer-click' | 'network' | 'next1' | 'no-dashboard' | 'no-metrics-chart' | 'no-metrics' | 'no-recordings' | 'os/android' | 'os/chrome_os' | 'os/fedora' | 'os/ios' | 'os/linux' | 'os/mac_os_x' | 'os/other' | 'os/ubuntu' | 'os/windows' | 'os' | 'pause-circle-fill' | 'pause-fill' | 'pause' | 'pdf-download' | 'pencil-stop' | 'pencil' | 'people' | 'percent' | 'performance-icon' | 'person-border' | 'person-fill' | 'person' | 'pie-chart-fill' | 'pin-fill' | 'play-circle-bold' | 'play-circle-light' | 'play-circle' | 'play-fill-new' | 'play-fill' | 'play-hover' | 'play' | 'plug' | 'plus-circle' | 'plus-lg' | 'plus' | 'pointer-sessions-search' | 'prev1' | 'pulse' | 'puzzle-piece' | 'puzzle' | 'question-circle' | 'question-lg' | 'quote-left' | 'quote-right' | 'quotes' | 'record-btn' | 'record-circle-fill' | 'record-circle' | 'record2' | 'redo-back' | 'redo' | 'redux' | 'remote-control' | 'replay-10' | 'resources-icon' | 'safe-fill' | 'safe' | 'sandglass' | 'search' | 'search_notification' | 'server' | 'share-alt' | 'shield-lock' | 'side_menu_closed' | 'side_menu_open' | 'signpost-split' | 'signup' | 'skip-forward-fill' | 'skip-forward' | 'slack' | 'slash-circle' | 'sleep' | 'sliders' | 'social/slack' | 'social/trello' | 'sparkles' | 'speedometer2' | 'spinner' | 'star-solid' | 'star' | 'step-forward' | 'stickies' | 'stop-record-circle' | 'stopwatch' | 'store' | 'sync-alt' | 'table-new' | 'table' | 'tablet-android' | 'tachometer-slow' | 'tachometer-slowest' | 'tags' | 'team-funnel' | 'telephone-fill' | 'telephone' | 'terminal' | 'text-paragraph' | 'thermometer-sun' | 'toggles' | 'tools' | 'trash' | 'turtle' | 'user-alt' | 'user-circle' | 'user-friends' | 'user-switch' | 'users' | 'vendors/graphql' | 'vendors/mobx' | 'vendors/ngrx' | 'vendors/redux' | 'vendors/vuex' | 'web-vitals' | 'wifi' | 'window-alt' | 'window-restore' | 'window-x' | 'window' | 'zoom-in';
interface Props {
name: IconNames;
size?: number | string;
width?: number | string;
height?: number | string;
fill?: string;
}
/* Auto-generated, do not edit */
const SVG = (props: Props) => {
const { name, size = 14, width = size, height = size, fill = '' } = props;
switch (name) {
case 'activity': return <Activity width={ width } height={ height } fill={ fill } />;
// case 'alarm-clock':
case 'alarm-clock': return <Alarm_clock width={ width } height={ height } fill={ fill } />;
// case 'alarm-plus':
case 'alarm-plus': return <Alarm_plus width={ width } height={ height } fill={ fill } />;
// case 'all-sessions':
case 'all-sessions': return <All_sessions width={ width } height={ height } fill={ fill } />;
case 'analytics': return <Analytics width={ width } height={ height } fill={ fill } />;
case 'anchor': return <Anchor width={ width } height={ height } fill={ fill } />;
// case 'arrow-alt-square-right':
case 'arrow-alt-square-right': return <Arrow_alt_square_right width={ width } height={ height } fill={ fill } />;
// case 'arrow-bar-left':
case 'arrow-bar-left': return <Arrow_bar_left width={ width } height={ height } fill={ fill } />;
// case 'arrow-clockwise':
case 'arrow-clockwise': return <Arrow_clockwise width={ width } height={ height } fill={ fill } />;
// case 'arrow-counterclockwise':
case 'arrow-counterclockwise': return <Arrow_counterclockwise width={ width } height={ height } fill={ fill } />;
// case 'arrow-down-short':
case 'arrow-down-short': return <Arrow_down_short width={ width } height={ height } fill={ fill } />;
// case 'arrow-down-up':
case 'arrow-down-up': return <Arrow_down_up width={ width } height={ height } fill={ fill } />;
// case 'arrow-down':
case 'arrow-down': return <Arrow_down width={ width } height={ height } fill={ fill } />;
// case 'arrow-repeat':
case 'arrow-repeat': return <Arrow_repeat width={ width } height={ height } fill={ fill } />;
// case 'arrow-right-short':
case 'arrow-right-short': return <Arrow_right_short width={ width } height={ height } fill={ fill } />;
// case 'arrow-square-left':
case 'arrow-square-left': return <Arrow_square_left width={ width } height={ height } fill={ fill } />;
// case 'arrow-square-right':
case 'arrow-square-right': return <Arrow_square_right width={ width } height={ height } fill={ fill } />;
// case 'arrow-up-short':
case 'arrow-up-short': return <Arrow_up_short width={ width } height={ height } fill={ fill } />;
// case 'arrow-up':
case 'arrow-up': return <Arrow_up width={ width } height={ height } fill={ fill } />;
// case 'arrows-angle-extend':
case 'arrows-angle-extend': return <Arrows_angle_extend width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar1':
case 'avatar/icn_avatar1': return <Avatar_icn_avatar1 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar10':
case 'avatar/icn_avatar10': return <Avatar_icn_avatar10 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar11':
case 'avatar/icn_avatar11': return <Avatar_icn_avatar11 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar12':
case 'avatar/icn_avatar12': return <Avatar_icn_avatar12 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar13':
case 'avatar/icn_avatar13': return <Avatar_icn_avatar13 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar14':
case 'avatar/icn_avatar14': return <Avatar_icn_avatar14 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar15':
case 'avatar/icn_avatar15': return <Avatar_icn_avatar15 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar16':
case 'avatar/icn_avatar16': return <Avatar_icn_avatar16 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar17':
case 'avatar/icn_avatar17': return <Avatar_icn_avatar17 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar18':
case 'avatar/icn_avatar18': return <Avatar_icn_avatar18 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar19':
case 'avatar/icn_avatar19': return <Avatar_icn_avatar19 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar2':
case 'avatar/icn_avatar2': return <Avatar_icn_avatar2 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar20':
case 'avatar/icn_avatar20': return <Avatar_icn_avatar20 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar21':
case 'avatar/icn_avatar21': return <Avatar_icn_avatar21 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar22':
case 'avatar/icn_avatar22': return <Avatar_icn_avatar22 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar23':
case 'avatar/icn_avatar23': return <Avatar_icn_avatar23 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar3':
case 'avatar/icn_avatar3': return <Avatar_icn_avatar3 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar4':
case 'avatar/icn_avatar4': return <Avatar_icn_avatar4 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar5':
case 'avatar/icn_avatar5': return <Avatar_icn_avatar5 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar6':
case 'avatar/icn_avatar6': return <Avatar_icn_avatar6 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar7':
case 'avatar/icn_avatar7': return <Avatar_icn_avatar7 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar8':
case 'avatar/icn_avatar8': return <Avatar_icn_avatar8 width={ width } height={ height } fill={ fill } />;
// case 'avatar/icn_avatar9':
case 'avatar/icn_avatar9': return <Avatar_icn_avatar9 width={ width } height={ height } fill={ fill } />;
case 'ban': return <Ban width={ width } height={ height } fill={ fill } />;
// case 'bar-chart-line':
case 'bar-chart-line': return <Bar_chart_line width={ width } height={ height } fill={ fill } />;
// case 'bar-pencil':
case 'bar-pencil': return <Bar_pencil width={ width } height={ height } fill={ fill } />;
// case 'battery-charging':
case 'battery-charging': return <Battery_charging width={ width } height={ height } fill={ fill } />;
case 'battery': return <Battery width={ width } height={ height } fill={ fill } />;
// case 'bell-fill':
case 'bell-fill': return <Bell_fill width={ width } height={ height } fill={ fill } />;
// case 'bell-plus':
case 'bell-plus': return <Bell_plus width={ width } height={ height } fill={ fill } />;
// case 'bell-slash':
case 'bell-slash': return <Bell_slash width={ width } height={ height } fill={ fill } />;
case 'bell': return <Bell width={ width } height={ height } fill={ fill } />;
case 'binoculars': return <Binoculars width={ width } height={ height } fill={ fill } />;
// case 'book-doc':
case 'book-doc': return <Book_doc width={ width } height={ height } fill={ fill } />;
case 'book': return <Book width={ width } height={ height } fill={ fill } />;
case 'bookmark': return <Bookmark width={ width } height={ height } fill={ fill } />;
case 'broadcast': return <Broadcast width={ width } height={ height } fill={ fill } />;
// case 'browser/browser':
case 'browser/browser': return <Browser_browser width={ width } height={ height } fill={ fill } />;
// case 'browser/chrome':
case 'browser/chrome': return <Browser_chrome width={ width } height={ height } fill={ fill } />;
// case 'browser/edge':
case 'browser/edge': return <Browser_edge width={ width } height={ height } fill={ fill } />;
// case 'browser/electron':
case 'browser/electron': return <Browser_electron width={ width } height={ height } fill={ fill } />;
// case 'browser/facebook':
case 'browser/facebook': return <Browser_facebook width={ width } height={ height } fill={ fill } />;
// case 'browser/firefox':
case 'browser/firefox': return <Browser_firefox width={ width } height={ height } fill={ fill } />;
// case 'browser/ie':
case 'browser/ie': return <Browser_ie width={ width } height={ height } fill={ fill } />;
// case 'browser/opera':
case 'browser/opera': return <Browser_opera width={ width } height={ height } fill={ fill } />;
// case 'browser/safari':
case 'browser/safari': return <Browser_safari width={ width } height={ height } fill={ fill } />;
case 'buildings': return <Buildings width={ width } height={ height } fill={ fill } />;
case 'bullhorn': return <Bullhorn width={ width } height={ height } fill={ fill } />;
// case 'business-time':
case 'business-time': return <Business_time width={ width } height={ height } fill={ fill } />;
// case 'calendar-alt':
case 'calendar-alt': return <Calendar_alt width={ width } height={ height } fill={ fill } />;
// case 'calendar-check':
case 'calendar-check': return <Calendar_check width={ width } height={ height } fill={ fill } />;
// case 'calendar-day':
case 'calendar-day': return <Calendar_day width={ width } height={ height } fill={ fill } />;
case 'calendar': return <Calendar width={ width } height={ height } fill={ fill } />;
case 'call': return <Call width={ width } height={ height } fill={ fill } />;
// case 'camera-alt':
case 'camera-alt': return <Camera_alt width={ width } height={ height } fill={ fill } />;
// case 'camera-video-off':
case 'camera-video-off': return <Camera_video_off width={ width } height={ height } fill={ fill } />;
// case 'camera-video':
case 'camera-video': return <Camera_video width={ width } height={ height } fill={ fill } />;
case 'camera': return <Camera width={ width } height={ height } fill={ fill } />;
// case 'card-checklist':
case 'card-checklist': return <Card_checklist width={ width } height={ height } fill={ fill } />;
// case 'card-list':
case 'card-list': return <Card_list width={ width } height={ height } fill={ fill } />;
// case 'card-text':
case 'card-text': return <Card_text width={ width } height={ height } fill={ fill } />;
// case 'caret-down-fill':
case 'caret-down-fill': return <Caret_down_fill width={ width } height={ height } fill={ fill } />;
// case 'caret-left-fill':
case 'caret-left-fill': return <Caret_left_fill width={ width } height={ height } fill={ fill } />;
// case 'caret-right-fill':
case 'caret-right-fill': return <Caret_right_fill width={ width } height={ height } fill={ fill } />;
// case 'caret-up-fill':
case 'caret-up-fill': return <Caret_up_fill width={ width } height={ height } fill={ fill } />;
// case 'chat-dots':
case 'chat-dots': return <Chat_dots width={ width } height={ height } fill={ fill } />;
// case 'chat-left-text':
case 'chat-left-text': return <Chat_left_text width={ width } height={ height } fill={ fill } />;
// case 'chat-right-text':
case 'chat-right-text': return <Chat_right_text width={ width } height={ height } fill={ fill } />;
// case 'chat-square-quote':
case 'chat-square-quote': return <Chat_square_quote width={ width } height={ height } fill={ fill } />;
// case 'check-circle-fill':
case 'check-circle-fill': return <Check_circle_fill width={ width } height={ height } fill={ fill } />;
// case 'check-circle':
case 'check-circle': return <Check_circle width={ width } height={ height } fill={ fill } />;
case 'check': return <Check width={ width } height={ height } fill={ fill } />;
// case 'chevron-double-left':
case 'chevron-double-left': return <Chevron_double_left width={ width } height={ height } fill={ fill } />;
// case 'chevron-double-right':
case 'chevron-double-right': return <Chevron_double_right width={ width } height={ height } fill={ fill } />;
// case 'chevron-down':
case 'chevron-down': return <Chevron_down width={ width } height={ height } fill={ fill } />;
// case 'chevron-left':
case 'chevron-left': return <Chevron_left width={ width } height={ height } fill={ fill } />;
// case 'chevron-right':
case 'chevron-right': return <Chevron_right width={ width } height={ height } fill={ fill } />;
// case 'chevron-up':
case 'chevron-up': return <Chevron_up width={ width } height={ height } fill={ fill } />;
// case 'circle-fill':
case 'circle-fill': return <Circle_fill width={ width } height={ height } fill={ fill } />;
case 'circle': return <Circle width={ width } height={ height } fill={ fill } />;
// case 'click-hesitation':
case 'click-hesitation': return <Click_hesitation width={ width } height={ height } fill={ fill } />;
// case 'click-rage':
case 'click-rage': return <Click_rage width={ width } height={ height } fill={ fill } />;
// case 'clipboard-check':
case 'clipboard-check': return <Clipboard_check width={ width } height={ height } fill={ fill } />;
// case 'clipboard-list-check':
case 'clipboard-list-check': return <Clipboard_list_check width={ width } height={ height } fill={ fill } />;
// case 'clock-history':
case 'clock-history': return <Clock_history width={ width } height={ height } fill={ fill } />;
case 'clock': return <Clock width={ width } height={ height } fill={ fill } />;
case 'close': return <Close width={ width } height={ height } fill={ fill } />;
// case 'cloud-fog2-fill':
case 'cloud-fog2-fill': return <Cloud_fog2_fill width={ width } height={ height } fill={ fill } />;
case 'code': return <Code width={ width } height={ height } fill={ fill } />;
case 'cog': return <Cog width={ width } height={ height } fill={ fill } />;
case 'cogs': return <Cogs width={ width } height={ height } fill={ fill } />;
// case 'collection-play':
case 'collection-play': return <Collection_play width={ width } height={ height } fill={ fill } />;
case 'collection': return <Collection width={ width } height={ height } fill={ fill } />;
// case 'columns-gap-filled':
case 'columns-gap-filled': return <Columns_gap_filled width={ width } height={ height } fill={ fill } />;
// case 'columns-gap':
case 'columns-gap': return <Columns_gap width={ width } height={ height } fill={ fill } />;
// case 'console/error':
case 'console/error': return <Console_error width={ width } height={ height } fill={ fill } />;
// case 'console/exception':
case 'console/exception': return <Console_exception width={ width } height={ height } fill={ fill } />;
// case 'console/info':
case 'console/info': return <Console_info width={ width } height={ height } fill={ fill } />;
// case 'console/warning':
case 'console/warning': return <Console_warning width={ width } height={ height } fill={ fill } />;
case 'console': return <Console width={ width } height={ height } fill={ fill } />;
case 'controller': return <Controller width={ width } height={ height } fill={ fill } />;
case 'cookies': return <Cookies width={ width } height={ height } fill={ fill } />;
case 'copy': return <Copy width={ width } height={ height } fill={ fill } />;
// case 'credit-card-2-back':
case 'credit-card-2-back': return <Credit_card_2_back width={ width } height={ height } fill={ fill } />;
// case 'credit-card-front':
case 'credit-card-front': return <Credit_card_front width={ width } height={ height } fill={ fill } />;
case 'cross': return <Cross width={ width } height={ height } fill={ fill } />;
case 'cubes': return <Cubes width={ width } height={ height } fill={ fill } />;
// case 'cursor-trash':
case 'cursor-trash': return <Cursor_trash width={ width } height={ height } fill={ fill } />;
case 'dash': return <Dash width={ width } height={ height } fill={ fill } />;
// case 'dashboard-icn':
case 'dashboard-icn': return <Dashboard_icn width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-clickMap':
case 'db-icons/icn-card-clickMap': return <Db_icons_icn_card_clickmap width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-errors':
case 'db-icons/icn-card-errors': return <Db_icons_icn_card_errors width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-funnel':
case 'db-icons/icn-card-funnel': return <Db_icons_icn_card_funnel width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-funnels':
case 'db-icons/icn-card-funnels': return <Db_icons_icn_card_funnels width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-insights':
case 'db-icons/icn-card-insights': return <Db_icons_icn_card_insights width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-library':
case 'db-icons/icn-card-library': return <Db_icons_icn_card_library width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-mapchart':
case 'db-icons/icn-card-mapchart': return <Db_icons_icn_card_mapchart width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-pathAnalysis':
case 'db-icons/icn-card-pathAnalysis': return <Db_icons_icn_card_pathanalysis width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-performance':
case 'db-icons/icn-card-performance': return <Db_icons_icn_card_performance width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-resources':
case 'db-icons/icn-card-resources': return <Db_icons_icn_card_resources width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-table':
case 'db-icons/icn-card-table': return <Db_icons_icn_card_table width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-timeseries':
case 'db-icons/icn-card-timeseries': return <Db_icons_icn_card_timeseries width={ width } height={ height } fill={ fill } />;
// case 'db-icons/icn-card-webVitals':
case 'db-icons/icn-card-webVitals': return <Db_icons_icn_card_webvitals width={ width } height={ height } fill={ fill } />;
case 'desktop': return <Desktop width={ width } height={ height } fill={ fill } />;
case 'device': return <Device width={ width } height={ height } fill={ fill } />;
// case 'diagram-3':
case 'diagram-3': return <Diagram_3 width={ width } height={ height } fill={ fill } />;
// case 'dice-3':
case 'dice-3': return <Dice_3 width={ width } height={ height } fill={ fill } />;
case 'dizzy': return <Dizzy width={ width } height={ height } fill={ fill } />;
// case 'door-closed':
case 'door-closed': return <Door_closed width={ width } height={ height } fill={ fill } />;
case 'doublecheck': return <Doublecheck width={ width } height={ height } fill={ fill } />;
case 'download': return <Download width={ width } height={ height } fill={ fill } />;
case 'drag': return <Drag width={ width } height={ height } fill={ fill } />;
case 'edit': return <Edit width={ width } height={ height } fill={ fill } />;
// case 'ellipsis-v':
case 'ellipsis-v': return <Ellipsis_v width={ width } height={ height } fill={ fill } />;
// case 'emoji-dizzy':
case 'emoji-dizzy': return <Emoji_dizzy width={ width } height={ height } fill={ fill } />;
case 'enter': return <Enter width={ width } height={ height } fill={ fill } />;
// case 'envelope-check':
case 'envelope-check': return <Envelope_check width={ width } height={ height } fill={ fill } />;
// case 'envelope-paper':
case 'envelope-paper': return <Envelope_paper width={ width } height={ height } fill={ fill } />;
// case 'envelope-x':
case 'envelope-x': return <Envelope_x width={ width } height={ height } fill={ fill } />;
case 'envelope': return <Envelope width={ width } height={ height } fill={ fill } />;
// case 'errors-icon':
case 'errors-icon': return <Errors_icon width={ width } height={ height } fill={ fill } />;
// case 'event/click':
case 'event/click': return <Event_click width={ width } height={ height } fill={ fill } />;
// case 'event/click_hesitation':
case 'event/click_hesitation': return <Event_click_hesitation width={ width } height={ height } fill={ fill } />;
// case 'event/clickrage':
case 'event/clickrage': return <Event_clickrage width={ width } height={ height } fill={ fill } />;
// case 'event/code':
case 'event/code': return <Event_code width={ width } height={ height } fill={ fill } />;
// case 'event/i-cursor':
case 'event/i-cursor': return <Event_i_cursor width={ width } height={ height } fill={ fill } />;
// case 'event/input':
case 'event/input': return <Event_input width={ width } height={ height } fill={ fill } />;
// case 'event/input_hesitation':
case 'event/input_hesitation': return <Event_input_hesitation width={ width } height={ height } fill={ fill } />;
// case 'event/link':
case 'event/link': return <Event_link width={ width } height={ height } fill={ fill } />;
// case 'event/location':
case 'event/location': return <Event_location width={ width } height={ height } fill={ fill } />;
// case 'event/mouse_thrashing':
case 'event/mouse_thrashing': return <Event_mouse_thrashing width={ width } height={ height } fill={ fill } />;
// case 'event/resize':
case 'event/resize': return <Event_resize width={ width } height={ height } fill={ fill } />;
// case 'event/view':
case 'event/view': return <Event_view width={ width } height={ height } fill={ fill } />;
// case 'exclamation-circle-fill':
case 'exclamation-circle-fill': return <Exclamation_circle_fill width={ width } height={ height } fill={ fill } />;
// case 'exclamation-circle':
case 'exclamation-circle': return <Exclamation_circle width={ width } height={ height } fill={ fill } />;
// case 'exclamation-triangle':
case 'exclamation-triangle': return <Exclamation_triangle width={ width } height={ height } fill={ fill } />;
// case 'expand-wide':
case 'expand-wide': return <Expand_wide width={ width } height={ height } fill={ fill } />;
case 'explosion': return <Explosion width={ width } height={ height } fill={ fill } />;
// case 'external-link-alt':
case 'external-link-alt': return <External_link_alt width={ width } height={ height } fill={ fill } />;
// case 'eye-slash-fill':
case 'eye-slash-fill': return <Eye_slash_fill width={ width } height={ height } fill={ fill } />;
// case 'eye-slash':
case 'eye-slash': return <Eye_slash width={ width } height={ height } fill={ fill } />;
case 'eye': return <Eye width={ width } height={ height } fill={ fill } />;
case 'fetch': return <Fetch width={ width } height={ height } fill={ fill } />;
// case 'fflag-multi':
case 'fflag-multi': return <Fflag_multi width={ width } height={ height } fill={ fill } />;
// case 'fflag-single':
case 'fflag-single': return <Fflag_single width={ width } height={ height } fill={ fill } />;
// case 'file-bar-graph':
case 'file-bar-graph': return <File_bar_graph width={ width } height={ height } fill={ fill } />;
// case 'file-code':
case 'file-code': return <File_code width={ width } height={ height } fill={ fill } />;
// case 'file-medical-alt':
case 'file-medical-alt': return <File_medical_alt width={ width } height={ height } fill={ fill } />;
// case 'file-pdf':
case 'file-pdf': return <File_pdf width={ width } height={ height } fill={ fill } />;
case 'file': return <File width={ width } height={ height } fill={ fill } />;
case 'files': return <Files width={ width } height={ height } fill={ fill } />;
// case 'filetype-js':
case 'filetype-js': return <Filetype_js width={ width } height={ height } fill={ fill } />;
// case 'filetype-pdf':
case 'filetype-pdf': return <Filetype_pdf width={ width } height={ height } fill={ fill } />;
case 'filter': return <Filter width={ width } height={ height } fill={ fill } />;
// case 'filters/arrow-return-right':
case 'filters/arrow-return-right': return <Filters_arrow_return_right width={ width } height={ height } fill={ fill } />;
// case 'filters/browser':
case 'filters/browser': return <Filters_browser width={ width } height={ height } fill={ fill } />;
// case 'filters/click':
case 'filters/click': return <Filters_click width={ width } height={ height } fill={ fill } />;
// case 'filters/clickrage':
case 'filters/clickrage': return <Filters_clickrage width={ width } height={ height } fill={ fill } />;
// case 'filters/code':
case 'filters/code': return <Filters_code width={ width } height={ height } fill={ fill } />;
// case 'filters/console':
case 'filters/console': return <Filters_console width={ width } height={ height } fill={ fill } />;
// case 'filters/country':
case 'filters/country': return <Filters_country width={ width } height={ height } fill={ fill } />;
// case 'filters/cpu-load':
case 'filters/cpu-load': return <Filters_cpu_load width={ width } height={ height } fill={ fill } />;
// case 'filters/custom':
case 'filters/custom': return <Filters_custom width={ width } height={ height } fill={ fill } />;
// case 'filters/device':
case 'filters/device': return <Filters_device width={ width } height={ height } fill={ fill } />;
// case 'filters/dom-complete':
case 'filters/dom-complete': return <Filters_dom_complete width={ width } height={ height } fill={ fill } />;
// case 'filters/duration':
case 'filters/duration': return <Filters_duration width={ width } height={ height } fill={ fill } />;
// case 'filters/error':
case 'filters/error': return <Filters_error width={ width } height={ height } fill={ fill } />;
// case 'filters/fetch-failed':
case 'filters/fetch-failed': return <Filters_fetch_failed width={ width } height={ height } fill={ fill } />;
// case 'filters/fetch':
case 'filters/fetch': return <Filters_fetch width={ width } height={ height } fill={ fill } />;
// case 'filters/file-code':
case 'filters/file-code': return <Filters_file_code width={ width } height={ height } fill={ fill } />;
// case 'filters/graphql':
case 'filters/graphql': return <Filters_graphql width={ width } height={ height } fill={ fill } />;
// case 'filters/i-cursor':
case 'filters/i-cursor': return <Filters_i_cursor width={ width } height={ height } fill={ fill } />;
// case 'filters/input':
case 'filters/input': return <Filters_input width={ width } height={ height } fill={ fill } />;
// case 'filters/lcpt':
case 'filters/lcpt': return <Filters_lcpt width={ width } height={ height } fill={ fill } />;
// case 'filters/link':
case 'filters/link': return <Filters_link width={ width } height={ height } fill={ fill } />;
// case 'filters/location':
case 'filters/location': return <Filters_location width={ width } height={ height } fill={ fill } />;
// case 'filters/memory-load':
case 'filters/memory-load': return <Filters_memory_load width={ width } height={ height } fill={ fill } />;
// case 'filters/metadata':
case 'filters/metadata': return <Filters_metadata width={ width } height={ height } fill={ fill } />;
// case 'filters/os':
case 'filters/os': return <Filters_os width={ width } height={ height } fill={ fill } />;
// case 'filters/perfromance-network-request':
case 'filters/perfromance-network-request': return <Filters_perfromance_network_request width={ width } height={ height } fill={ fill } />;
// case 'filters/platform':
case 'filters/platform': return <Filters_platform width={ width } height={ height } fill={ fill } />;
// case 'filters/referrer':
case 'filters/referrer': return <Filters_referrer width={ width } height={ height } fill={ fill } />;
// case 'filters/resize':
case 'filters/resize': return <Filters_resize width={ width } height={ height } fill={ fill } />;
// case 'filters/rev-id':
case 'filters/rev-id': return <Filters_rev_id width={ width } height={ height } fill={ fill } />;
// case 'filters/state-action':
case 'filters/state-action': return <Filters_state_action width={ width } height={ height } fill={ fill } />;
// case 'filters/tag-element':
case 'filters/tag-element': return <Filters_tag_element width={ width } height={ height } fill={ fill } />;
// case 'filters/ttfb':
case 'filters/ttfb': return <Filters_ttfb width={ width } height={ height } fill={ fill } />;
// case 'filters/user-alt':
case 'filters/user-alt': return <Filters_user_alt width={ width } height={ height } fill={ fill } />;
// case 'filters/userid':
case 'filters/userid': return <Filters_userid width={ width } height={ height } fill={ fill } />;
// case 'filters/view':
case 'filters/view': return <Filters_view width={ width } height={ height } fill={ fill } />;
// case 'flag-na':
case 'flag-na': return <Flag_na width={ width } height={ height } fill={ fill } />;
// case 'folder-plus':
case 'folder-plus': return <Folder_plus width={ width } height={ height } fill={ fill } />;
case 'folder2': return <Folder2 width={ width } height={ height } fill={ fill } />;
case 'fullscreen': return <Fullscreen width={ width } height={ height } fill={ fill } />;
// case 'funnel/cpu-fill':
case 'funnel/cpu-fill': return <Funnel_cpu_fill width={ width } height={ height } fill={ fill } />;
// case 'funnel/cpu':
case 'funnel/cpu': return <Funnel_cpu width={ width } height={ height } fill={ fill } />;
// case 'funnel/dizzy':
case 'funnel/dizzy': return <Funnel_dizzy width={ width } height={ height } fill={ fill } />;
// case 'funnel/emoji-angry-fill':
case 'funnel/emoji-angry-fill': return <Funnel_emoji_angry_fill width={ width } height={ height } fill={ fill } />;
// case 'funnel/emoji-angry':
case 'funnel/emoji-angry': return <Funnel_emoji_angry width={ width } height={ height } fill={ fill } />;
// case 'funnel/emoji-dizzy-fill':
case 'funnel/emoji-dizzy-fill': return <Funnel_emoji_dizzy_fill width={ width } height={ height } fill={ fill } />;
// case 'funnel/exclamation-circle-fill':
case 'funnel/exclamation-circle-fill': return <Funnel_exclamation_circle_fill width={ width } height={ height } fill={ fill } />;
// case 'funnel/exclamation-circle':
case 'funnel/exclamation-circle': return <Funnel_exclamation_circle width={ width } height={ height } fill={ fill } />;
// case 'funnel/file-earmark-break-fill':
case 'funnel/file-earmark-break-fill': return <Funnel_file_earmark_break_fill width={ width } height={ height } fill={ fill } />;
// case 'funnel/file-earmark-break':
case 'funnel/file-earmark-break': return <Funnel_file_earmark_break width={ width } height={ height } fill={ fill } />;
// case 'funnel/file-earmark-minus-fill':
case 'funnel/file-earmark-minus-fill': return <Funnel_file_earmark_minus_fill width={ width } height={ height } fill={ fill } />;
// case 'funnel/file-earmark-minus':
case 'funnel/file-earmark-minus': return <Funnel_file_earmark_minus width={ width } height={ height } fill={ fill } />;
// case 'funnel/file-medical-alt':
case 'funnel/file-medical-alt': return <Funnel_file_medical_alt width={ width } height={ height } fill={ fill } />;
// case 'funnel/file-x':
case 'funnel/file-x': return <Funnel_file_x width={ width } height={ height } fill={ fill } />;
// case 'funnel/hdd-fill':
case 'funnel/hdd-fill': return <Funnel_hdd_fill width={ width } height={ height } fill={ fill } />;
// case 'funnel/hourglass-top':
case 'funnel/hourglass-top': return <Funnel_hourglass_top width={ width } height={ height } fill={ fill } />;
// case 'funnel/image-fill':
case 'funnel/image-fill': return <Funnel_image_fill width={ width } height={ height } fill={ fill } />;
// case 'funnel/image':
case 'funnel/image': return <Funnel_image width={ width } height={ height } fill={ fill } />;
// case 'funnel/microchip':
case 'funnel/microchip': return <Funnel_microchip width={ width } height={ height } fill={ fill } />;
// case 'funnel/mouse':
case 'funnel/mouse': return <Funnel_mouse width={ width } height={ height } fill={ fill } />;
// case 'funnel/patch-exclamation-fill':
case 'funnel/patch-exclamation-fill': return <Funnel_patch_exclamation_fill width={ width } height={ height } fill={ fill } />;
// case 'funnel/sd-card':
case 'funnel/sd-card': return <Funnel_sd_card width={ width } height={ height } fill={ fill } />;
// case 'funnel-fill':
case 'funnel-fill': return <Funnel_fill width={ width } height={ height } fill={ fill } />;
// case 'funnel-new':
case 'funnel-new': return <Funnel_new width={ width } height={ height } fill={ fill } />;
case 'funnel': return <Funnel width={ width } height={ height } fill={ fill } />;
// case 'gear-fill':
case 'gear-fill': return <Gear_fill width={ width } height={ height } fill={ fill } />;
case 'gear': return <Gear width={ width } height={ height } fill={ fill } />;
// case 'geo-alt-fill-custom':
case 'geo-alt-fill-custom': return <Geo_alt_fill_custom width={ width } height={ height } fill={ fill } />;
case 'github': return <Github width={ width } height={ height } fill={ fill } />;
// case 'graph-up-arrow':
case 'graph-up-arrow': return <Graph_up_arrow width={ width } height={ height } fill={ fill } />;
// case 'graph-up':
case 'graph-up': return <Graph_up width={ width } height={ height } fill={ fill } />;
// case 'grid-1x2':
case 'grid-1x2': return <Grid_1x2 width={ width } height={ height } fill={ fill } />;
// case 'grid-3x3':
case 'grid-3x3': return <Grid_3x3 width={ width } height={ height } fill={ fill } />;
// case 'grid-check':
case 'grid-check': return <Grid_check width={ width } height={ height } fill={ fill } />;
// case 'grid-horizontal':
case 'grid-horizontal': return <Grid_horizontal width={ width } height={ height } fill={ fill } />;
case 'grid': return <Grid width={ width } height={ height } fill={ fill } />;
// case 'grip-horizontal':
case 'grip-horizontal': return <Grip_horizontal width={ width } height={ height } fill={ fill } />;
case 'hash': return <Hash width={ width } height={ height } fill={ fill } />;
// case 'hdd-stack':
case 'hdd-stack': return <Hdd_stack width={ width } height={ height } fill={ fill } />;
case 'headset': return <Headset width={ width } height={ height } fill={ fill } />;
// case 'heart-rate':
case 'heart-rate': return <Heart_rate width={ width } height={ height } fill={ fill } />;
// case 'high-engagement':
case 'high-engagement': return <High_engagement width={ width } height={ height } fill={ fill } />;
case 'history': return <History width={ width } height={ height } fill={ fill } />;
// case 'hourglass-start':
case 'hourglass-start': return <Hourglass_start width={ width } height={ height } fill={ fill } />;
// case 'ic-errors':
case 'ic-errors': return <Ic_errors width={ width } height={ height } fill={ fill } />;
// case 'ic-network':
case 'ic-network': return <Ic_network width={ width } height={ height } fill={ fill } />;
// case 'ic-rage':
case 'ic-rage': return <Ic_rage width={ width } height={ height } fill={ fill } />;
// case 'ic-resources':
case 'ic-resources': return <Ic_resources width={ width } height={ height } fill={ fill } />;
// case 'id-card':
case 'id-card': return <Id_card width={ width } height={ height } fill={ fill } />;
case 'image': return <Image width={ width } height={ height } fill={ fill } />;
// case 'info-circle-fill':
case 'info-circle-fill': return <Info_circle_fill width={ width } height={ height } fill={ fill } />;
// case 'info-circle':
case 'info-circle': return <Info_circle width={ width } height={ height } fill={ fill } />;
// case 'info-square':
case 'info-square': return <Info_square width={ width } height={ height } fill={ fill } />;
case 'info': return <Info width={ width } height={ height } fill={ fill } />;
// case 'input-hesitation':
case 'input-hesitation': return <Input_hesitation width={ width } height={ height } fill={ fill } />;
case 'inspect': return <Inspect width={ width } height={ height } fill={ fill } />;
// case 'integrations/assist':
case 'integrations/assist': return <Integrations_assist width={ width } height={ height } fill={ fill } />;
// case 'integrations/bugsnag-text':
case 'integrations/bugsnag-text': return <Integrations_bugsnag_text width={ width } height={ height } fill={ fill } />;
// case 'integrations/bugsnag':
case 'integrations/bugsnag': return <Integrations_bugsnag width={ width } height={ height } fill={ fill } />;
// case 'integrations/cloudwatch-text':
case 'integrations/cloudwatch-text': return <Integrations_cloudwatch_text width={ width } height={ height } fill={ fill } />;
// case 'integrations/cloudwatch':
case 'integrations/cloudwatch': return <Integrations_cloudwatch width={ width } height={ height } fill={ fill } />;
// case 'integrations/datadog':
case 'integrations/datadog': return <Integrations_datadog width={ width } height={ height } fill={ fill } />;
// case 'integrations/elasticsearch-text':
case 'integrations/elasticsearch-text': return <Integrations_elasticsearch_text width={ width } height={ height } fill={ fill } />;
// case 'integrations/elasticsearch':
case 'integrations/elasticsearch': return <Integrations_elasticsearch width={ width } height={ height } fill={ fill } />;
// case 'integrations/github':
case 'integrations/github': return <Integrations_github width={ width } height={ height } fill={ fill } />;
// case 'integrations/graphql':
case 'integrations/graphql': return <Integrations_graphql width={ width } height={ height } fill={ fill } />;
// case 'integrations/jira-text':
case 'integrations/jira-text': return <Integrations_jira_text width={ width } height={ height } fill={ fill } />;
// case 'integrations/jira':
case 'integrations/jira': return <Integrations_jira width={ width } height={ height } fill={ fill } />;
// case 'integrations/mobx':
case 'integrations/mobx': return <Integrations_mobx width={ width } height={ height } fill={ fill } />;
// case 'integrations/newrelic-text':
case 'integrations/newrelic-text': return <Integrations_newrelic_text width={ width } height={ height } fill={ fill } />;
// case 'integrations/newrelic':
case 'integrations/newrelic': return <Integrations_newrelic width={ width } height={ height } fill={ fill } />;
// case 'integrations/ngrx':
case 'integrations/ngrx': return <Integrations_ngrx width={ width } height={ height } fill={ fill } />;
// case 'integrations/openreplay-text':
case 'integrations/openreplay-text': return <Integrations_openreplay_text width={ width } height={ height } fill={ fill } />;
// case 'integrations/openreplay':
case 'integrations/openreplay': return <Integrations_openreplay width={ width } height={ height } fill={ fill } />;
// case 'integrations/redux':
case 'integrations/redux': return <Integrations_redux width={ width } height={ height } fill={ fill } />;
// case 'integrations/rollbar-text':
case 'integrations/rollbar-text': return <Integrations_rollbar_text width={ width } height={ height } fill={ fill } />;
// case 'integrations/rollbar':
case 'integrations/rollbar': return <Integrations_rollbar width={ width } height={ height } fill={ fill } />;
// case 'integrations/segment':
case 'integrations/segment': return <Integrations_segment width={ width } height={ height } fill={ fill } />;
// case 'integrations/sentry-text':
case 'integrations/sentry-text': return <Integrations_sentry_text width={ width } height={ height } fill={ fill } />;
// case 'integrations/sentry':
case 'integrations/sentry': return <Integrations_sentry width={ width } height={ height } fill={ fill } />;
// case 'integrations/slack-bw':
case 'integrations/slack-bw': return <Integrations_slack_bw width={ width } height={ height } fill={ fill } />;
// case 'integrations/slack':
case 'integrations/slack': return <Integrations_slack width={ width } height={ height } fill={ fill } />;
// case 'integrations/stackdriver':
case 'integrations/stackdriver': return <Integrations_stackdriver width={ width } height={ height } fill={ fill } />;
// case 'integrations/sumologic-text':
case 'integrations/sumologic-text': return <Integrations_sumologic_text width={ width } height={ height } fill={ fill } />;
// case 'integrations/sumologic':
case 'integrations/sumologic': return <Integrations_sumologic width={ width } height={ height } fill={ fill } />;
// case 'integrations/teams-white':
case 'integrations/teams-white': return <Integrations_teams_white width={ width } height={ height } fill={ fill } />;
// case 'integrations/teams':
case 'integrations/teams': return <Integrations_teams width={ width } height={ height } fill={ fill } />;
// case 'integrations/vuejs':
case 'integrations/vuejs': return <Integrations_vuejs width={ width } height={ height } fill={ fill } />;
// case 'integrations/zustand':
case 'integrations/zustand': return <Integrations_zustand width={ width } height={ height } fill={ fill } />;
// case 'journal-code':
case 'journal-code': return <Journal_code width={ width } height={ height } fill={ fill } />;
case 'key': return <Key width={ width } height={ height } fill={ fill } />;
case 'keyboard': return <Keyboard width={ width } height={ height } fill={ fill } />;
// case 'layer-group':
case 'layer-group': return <Layer_group width={ width } height={ height } fill={ fill } />;
// case 'layers-half':
case 'layers-half': return <Layers_half width={ width } height={ height } fill={ fill } />;
// case 'lightbulb-on':
case 'lightbulb-on': return <Lightbulb_on width={ width } height={ height } fill={ fill } />;
case 'lightbulb': return <Lightbulb width={ width } height={ height } fill={ fill } />;
// case 'link-45deg':
case 'link-45deg': return <Link_45deg width={ width } height={ height } fill={ fill } />;
// case 'list-alt':
case 'list-alt': return <List_alt width={ width } height={ height } fill={ fill } />;
// case 'list-arrow':
case 'list-arrow': return <List_arrow width={ width } height={ height } fill={ fill } />;
// case 'list-ul':
case 'list-ul': return <List_ul width={ width } height={ height } fill={ fill } />;
case 'list': return <List width={ width } height={ height } fill={ fill } />;
// case 'lock-alt':
case 'lock-alt': return <Lock_alt width={ width } height={ height } fill={ fill } />;
// case 'low-disc-space':
case 'low-disc-space': return <Low_disc_space width={ width } height={ height } fill={ fill } />;
case 'magic': return <Magic width={ width } height={ height } fill={ fill } />;
// case 'map-marker-alt':
case 'map-marker-alt': return <Map_marker_alt width={ width } height={ height } fill={ fill } />;
// case 'memory-ios':
case 'memory-ios': return <Memory_ios width={ width } height={ height } fill={ fill } />;
case 'memory': return <Memory width={ width } height={ height } fill={ fill } />;
// case 'mic-mute':
case 'mic-mute': return <Mic_mute width={ width } height={ height } fill={ fill } />;
case 'mic': return <Mic width={ width } height={ height } fill={ fill } />;
case 'minus': return <Minus width={ width } height={ height } fill={ fill } />;
case 'mobile': return <Mobile width={ width } height={ height } fill={ fill } />;
// case 'mouse-alt':
case 'mouse-alt': return <Mouse_alt width={ width } height={ height } fill={ fill } />;
// case 'mouse-pointer-click':
case 'mouse-pointer-click': return <Mouse_pointer_click width={ width } height={ height } fill={ fill } />;
case 'network': return <Network width={ width } height={ height } fill={ fill } />;
case 'next1': return <Next1 width={ width } height={ height } fill={ fill } />;
// case 'no-dashboard':
case 'no-dashboard': return <No_dashboard width={ width } height={ height } fill={ fill } />;
// case 'no-metrics-chart':
case 'no-metrics-chart': return <No_metrics_chart width={ width } height={ height } fill={ fill } />;
// case 'no-metrics':
case 'no-metrics': return <No_metrics width={ width } height={ height } fill={ fill } />;
// case 'no-recordings':
case 'no-recordings': return <No_recordings width={ width } height={ height } fill={ fill } />;
// case 'os/android':
case 'os/android': return <Os_android width={ width } height={ height } fill={ fill } />;
// case 'os/chrome_os':
case 'os/chrome_os': return <Os_chrome_os width={ width } height={ height } fill={ fill } />;
// case 'os/fedora':
case 'os/fedora': return <Os_fedora width={ width } height={ height } fill={ fill } />;
// case 'os/ios':
case 'os/ios': return <Os_ios width={ width } height={ height } fill={ fill } />;
// case 'os/linux':
case 'os/linux': return <Os_linux width={ width } height={ height } fill={ fill } />;
// case 'os/mac_os_x':
case 'os/mac_os_x': return <Os_mac_os_x width={ width } height={ height } fill={ fill } />;
// case 'os/other':
case 'os/other': return <Os_other width={ width } height={ height } fill={ fill } />;
// case 'os/ubuntu':
case 'os/ubuntu': return <Os_ubuntu width={ width } height={ height } fill={ fill } />;
// case 'os/windows':
case 'os/windows': return <Os_windows width={ width } height={ height } fill={ fill } />;
case 'os': return <Os width={ width } height={ height } fill={ fill } />;
// case 'pause-circle-fill':
case 'pause-circle-fill': return <Pause_circle_fill width={ width } height={ height } fill={ fill } />;
// case 'pause-fill':
case 'pause-fill': return <Pause_fill width={ width } height={ height } fill={ fill } />;
case 'pause': return <Pause width={ width } height={ height } fill={ fill } />;
// case 'pdf-download':
case 'pdf-download': return <Pdf_download width={ width } height={ height } fill={ fill } />;
// case 'pencil-stop':
case 'pencil-stop': return <Pencil_stop width={ width } height={ height } fill={ fill } />;
case 'pencil': return <Pencil width={ width } height={ height } fill={ fill } />;
case 'people': return <People width={ width } height={ height } fill={ fill } />;
case 'percent': return <Percent width={ width } height={ height } fill={ fill } />;
// case 'performance-icon':
case 'performance-icon': return <Performance_icon width={ width } height={ height } fill={ fill } />;
// case 'person-border':
case 'person-border': return <Person_border width={ width } height={ height } fill={ fill } />;
// case 'person-fill':
case 'person-fill': return <Person_fill width={ width } height={ height } fill={ fill } />;
case 'person': return <Person width={ width } height={ height } fill={ fill } />;
// case 'pie-chart-fill':
case 'pie-chart-fill': return <Pie_chart_fill width={ width } height={ height } fill={ fill } />;
// case 'pin-fill':
case 'pin-fill': return <Pin_fill width={ width } height={ height } fill={ fill } />;
// case 'play-circle-bold':
case 'play-circle-bold': return <Play_circle_bold width={ width } height={ height } fill={ fill } />;
// case 'play-circle-light':
case 'play-circle-light': return <Play_circle_light width={ width } height={ height } fill={ fill } />;
// case 'play-circle':
case 'play-circle': return <Play_circle width={ width } height={ height } fill={ fill } />;
// case 'play-fill-new':
case 'play-fill-new': return <Play_fill_new width={ width } height={ height } fill={ fill } />;
// case 'play-fill':
case 'play-fill': return <Play_fill width={ width } height={ height } fill={ fill } />;
// case 'play-hover':
case 'play-hover': return <Play_hover width={ width } height={ height } fill={ fill } />;
case 'play': return <Play width={ width } height={ height } fill={ fill } />;
case 'plug': return <Plug width={ width } height={ height } fill={ fill } />;
// case 'plus-circle':
case 'plus-circle': return <Plus_circle width={ width } height={ height } fill={ fill } />;
// case 'plus-lg':
case 'plus-lg': return <Plus_lg width={ width } height={ height } fill={ fill } />;
case 'plus': return <Plus width={ width } height={ height } fill={ fill } />;
// case 'pointer-sessions-search':
case 'pointer-sessions-search': return <Pointer_sessions_search width={ width } height={ height } fill={ fill } />;
case 'prev1': return <Prev1 width={ width } height={ height } fill={ fill } />;
case 'pulse': return <Pulse width={ width } height={ height } fill={ fill } />;
// case 'puzzle-piece':
case 'puzzle-piece': return <Puzzle_piece width={ width } height={ height } fill={ fill } />;
case 'puzzle': return <Puzzle width={ width } height={ height } fill={ fill } />;
// case 'question-circle':
case 'question-circle': return <Question_circle width={ width } height={ height } fill={ fill } />;
// case 'question-lg':
case 'question-lg': return <Question_lg width={ width } height={ height } fill={ fill } />;
// case 'quote-left':
case 'quote-left': return <Quote_left width={ width } height={ height } fill={ fill } />;
// case 'quote-right':
case 'quote-right': return <Quote_right width={ width } height={ height } fill={ fill } />;
case 'quotes': return <Quotes width={ width } height={ height } fill={ fill } />;
// case 'record-btn':
case 'record-btn': return <Record_btn width={ width } height={ height } fill={ fill } />;
// case 'record-circle-fill':
case 'record-circle-fill': return <Record_circle_fill width={ width } height={ height } fill={ fill } />;
// case 'record-circle':
case 'record-circle': return <Record_circle width={ width } height={ height } fill={ fill } />;
case 'record2': return <Record2 width={ width } height={ height } fill={ fill } />;
// case 'redo-back':
case 'redo-back': return <Redo_back width={ width } height={ height } fill={ fill } />;
case 'redo': return <Redo width={ width } height={ height } fill={ fill } />;
case 'redux': return <Redux width={ width } height={ height } fill={ fill } />;
// case 'remote-control':
case 'remote-control': return <Remote_control width={ width } height={ height } fill={ fill } />;
// case 'replay-10':
case 'replay-10': return <Replay_10 width={ width } height={ height } fill={ fill } />;
// case 'resources-icon':
case 'resources-icon': return <Resources_icon width={ width } height={ height } fill={ fill } />;
// case 'safe-fill':
case 'safe-fill': return <Safe_fill width={ width } height={ height } fill={ fill } />;
case 'safe': return <Safe width={ width } height={ height } fill={ fill } />;
case 'sandglass': return <Sandglass width={ width } height={ height } fill={ fill } />;
case 'search': return <Search width={ width } height={ height } fill={ fill } />;
case 'search_notification': return <Search_notification width={ width } height={ height } fill={ fill } />;
case 'server': return <Server width={ width } height={ height } fill={ fill } />;
// case 'share-alt':
case 'share-alt': return <Share_alt width={ width } height={ height } fill={ fill } />;
// case 'shield-lock':
case 'shield-lock': return <Shield_lock width={ width } height={ height } fill={ fill } />;
case 'side_menu_closed': return <Side_menu_closed width={ width } height={ height } fill={ fill } />;
case 'side_menu_open': return <Side_menu_open width={ width } height={ height } fill={ fill } />;
// case 'signpost-split':
case 'signpost-split': return <Signpost_split width={ width } height={ height } fill={ fill } />;
case 'signup': return <Signup width={ width } height={ height } fill={ fill } />;
// case 'skip-forward-fill':
case 'skip-forward-fill': return <Skip_forward_fill width={ width } height={ height } fill={ fill } />;
// case 'skip-forward':
case 'skip-forward': return <Skip_forward width={ width } height={ height } fill={ fill } />;
case 'slack': return <Slack width={ width } height={ height } fill={ fill } />;
// case 'slash-circle':
case 'slash-circle': return <Slash_circle width={ width } height={ height } fill={ fill } />;
case 'sleep': return <Sleep width={ width } height={ height } fill={ fill } />;
case 'sliders': return <Sliders width={ width } height={ height } fill={ fill } />;
// case 'social/slack':
case 'social/slack': return <Social_slack width={ width } height={ height } fill={ fill } />;
// case 'social/trello':
case 'social/trello': return <Social_trello width={ width } height={ height } fill={ fill } />;
case 'sparkles': return <Sparkles width={ width } height={ height } fill={ fill } />;
case 'speedometer2': return <Speedometer2 width={ width } height={ height } fill={ fill } />;
case 'spinner': return <Spinner width={ width } height={ height } fill={ fill } />;
// case 'star-solid':
case 'star-solid': return <Star_solid width={ width } height={ height } fill={ fill } />;
case 'star': return <Star width={ width } height={ height } fill={ fill } />;
// case 'step-forward':
case 'step-forward': return <Step_forward width={ width } height={ height } fill={ fill } />;
case 'stickies': return <Stickies width={ width } height={ height } fill={ fill } />;
// case 'stop-record-circle':
case 'stop-record-circle': return <Stop_record_circle width={ width } height={ height } fill={ fill } />;
case 'stopwatch': return <Stopwatch width={ width } height={ height } fill={ fill } />;
case 'store': return <Store width={ width } height={ height } fill={ fill } />;
// case 'sync-alt':
case 'sync-alt': return <Sync_alt width={ width } height={ height } fill={ fill } />;
// case 'table-new':
case 'table-new': return <Table_new width={ width } height={ height } fill={ fill } />;
case 'table': return <Table width={ width } height={ height } fill={ fill } />;
// case 'tablet-android':
case 'tablet-android': return <Tablet_android width={ width } height={ height } fill={ fill } />;
// case 'tachometer-slow':
case 'tachometer-slow': return <Tachometer_slow width={ width } height={ height } fill={ fill } />;
// case 'tachometer-slowest':
case 'tachometer-slowest': return <Tachometer_slowest width={ width } height={ height } fill={ fill } />;
case 'tags': return <Tags width={ width } height={ height } fill={ fill } />;
// case 'team-funnel':
case 'team-funnel': return <Team_funnel width={ width } height={ height } fill={ fill } />;
// case 'telephone-fill':
case 'telephone-fill': return <Telephone_fill width={ width } height={ height } fill={ fill } />;
case 'telephone': return <Telephone width={ width } height={ height } fill={ fill } />;
case 'terminal': return <Terminal width={ width } height={ height } fill={ fill } />;
// case 'text-paragraph':
case 'text-paragraph': return <Text_paragraph width={ width } height={ height } fill={ fill } />;
// case 'thermometer-sun':
case 'thermometer-sun': return <Thermometer_sun width={ width } height={ height } fill={ fill } />;
case 'toggles': return <Toggles width={ width } height={ height } fill={ fill } />;
case 'tools': return <Tools width={ width } height={ height } fill={ fill } />;
case 'trash': return <Trash width={ width } height={ height } fill={ fill } />;
case 'turtle': return <Turtle width={ width } height={ height } fill={ fill } />;
// case 'user-alt':
case 'user-alt': return <User_alt width={ width } height={ height } fill={ fill } />;
// case 'user-circle':
case 'user-circle': return <User_circle width={ width } height={ height } fill={ fill } />;
// case 'user-friends':
case 'user-friends': return <User_friends width={ width } height={ height } fill={ fill } />;
// case 'user-switch':
case 'user-switch': return <User_switch width={ width } height={ height } fill={ fill } />;
case 'users': return <Users width={ width } height={ height } fill={ fill } />;
// case 'vendors/graphql':
case 'vendors/graphql': return <Vendors_graphql width={ width } height={ height } fill={ fill } />;
// case 'vendors/mobx':
case 'vendors/mobx': return <Vendors_mobx width={ width } height={ height } fill={ fill } />;
// case 'vendors/ngrx':
case 'vendors/ngrx': return <Vendors_ngrx width={ width } height={ height } fill={ fill } />;
// case 'vendors/redux':
case 'vendors/redux': return <Vendors_redux width={ width } height={ height } fill={ fill } />;
// case 'vendors/vuex':
case 'vendors/vuex': return <Vendors_vuex width={ width } height={ height } fill={ fill } />;
// case 'web-vitals':
case 'web-vitals': return <Web_vitals width={ width } height={ height } fill={ fill } />;
case 'wifi': return <Wifi width={ width } height={ height } fill={ fill } />;
// case 'window-alt':
case 'window-alt': return <Window_alt width={ width } height={ height } fill={ fill } />;
// case 'window-restore':
case 'window-restore': return <Window_restore width={ width } height={ height } fill={ fill } />;
// case 'window-x':
case 'window-x': return <Window_x width={ width } height={ height } fill={ fill } />;
case 'window': return <Window width={ width } height={ height } fill={ fill } />;
// case 'zoom-in':
case 'zoom-in': return <Zoom_in width={ width } height={ height } fill={ fill } />;
default:
return <svg width={ width } height={ height } />;
// if (window.ENV.PRODUCTION) return null;
// throw "unknown icon name " + name;
}
}
SVG.displayName = 'SVG';
export default SVG;