Skip to main content

Icons

Testing different sizes and formats of icons in context to try to 'Get Icons Done'

Text section with button links

Morbi laoreet gravida imperdiet. Phasellus euismod felis enim, sed ornare enim vulputate nec. Nullam in ante blandit, ultricies augue vel, maximus ligula.

Buttons links can have icons selected by the editor. Should these only come from the Content icon set - or from all sets?

Button with 16px UI icon

Would it make sense for all icons to be the same size - ie 16px? This 48px looks a little skinny shrunk down to 32px (sm)

Button with 48px content icon
Button with 16px ui icon

Text and cards section (sm)

UI icon (16px)

Set to size 'sm'

Content Icon (48px)

Set to size 'sm'

UI icon (16px)

Set to size 'sm'

Text and cards section (md)

UI icon (16px)

Set to size 'md'

Content Icon (48px)

Set to size 'md'

UI icon (16px)

Set to size 'md'

Text and cards section (lg)

UI icon (16px)

Set to size 'lg'

Content Icon (48px)

Set to size 'lg'

UI icon (16px)

Set to size 'lg'

Text and cards section (xl)

UI icon (16px)

Set to size 'xl'

Content Icon (48px)

Set to size 'xl'

UI icon (16px)

Set to size 'xl'

Address
Morph Clinical Trial Unit
1 Morph St
Morphtown
Morphumbria MOR PH1

Telephone
0123-456-789

Email
info@trials.morph.org

Social
Twitter

The TRIAL study is funded by the National Institute for Health Research (project number MORPH12345). The views expressed are those of the authors and are not intended to be representative of the views of the funder, sponsor or other participating organisations.

Morph logo