Styleguide / Imagery

Imagery

    • Photography

      Photography adds a human element to the brand. Photography should be carefully selected to match the brand message and should always feel authentic and professional.

Iconography

The various icons available for use throughout the project. These can be included using the [mttr_icon icon=chat size=small] shortcode.

  • add-to-list.svg

  • add-user.svg

  • address.svg

  • adjust.svg

  • air.svg

  • aircraft-landing.svg

  • aircraft-take-off.svg

  • aircraft.svg

  • align-bottom.svg

  • align-horizontal-middle.svg

  • align-left.svg

  • align-right.svg

  • align-top.svg

  • align-vertical-middle.svg

  • archive.svg

  • area-graph.svg

  • arrow-bold-down.svg

  • arrow-bold-left.svg

  • arrow-bold-right.svg

  • arrow-bold-up.svg

  • arrow-down.svg

  • arrow-left.svg

  • arrow-long-down.svg

  • arrow-long-left.svg

  • arrow-long-right.svg

  • arrow-long-up.svg

  • arrow-right.svg

  • arrow-up.svg

  • arrow-with-circle-down.svg

  • arrow-with-circle-left.svg

  • arrow-with-circle-right.svg

  • arrow-with-circle-up.svg

  • attachment.svg

  • awareness-ribbon.svg

  • back-in-time.svg

  • back.svg

  • bar-graph.svg

  • basecamp.svg

  • battery.svg

  • beamed-note.svg

  • behance.svg

  • bell.svg

  • blackboard.svg

  • block.svg

  • book.svg

  • bookmark.svg

  • bookmarks.svg

  • bowl.svg

  • box.svg

  • briefcase.svg

  • browser.svg

  • brush.svg

  • bucket.svg

  • cake.svg

  • calculator.svg

  • calendar.svg

  • camera.svg

  • ccw.svg

  • chat.svg

  • check.svg

  • chevron-down.svg

  • chevron-left.svg

  • chevron-right.svg

  • chevron-small-down.svg

  • chevron-small-left.svg

  • chevron-small-right.svg

  • chevron-small-up.svg

  • chevron-thin-down.svg

  • chevron-thin-left.svg

  • chevron-thin-right.svg

  • chevron-thin-up.svg

  • chevron-up.svg

  • chevron-with-circle-down.svg

  • chevron-with-circle-left.svg

  • chevron-with-circle-right.svg

  • chevron-with-circle-up.svg

  • circle-with-cross.svg

  • circle-with-minus.svg

  • circle-with-plus.svg

  • circle.svg

  • circular-graph.svg

  • clapperboard.svg

  • classic-computer.svg

  • clipboard.svg

  • clock.svg

  • cloud.svg

  • code.svg

  • cog.svg

  • colours.svg

  • compass.svg

  • controller-fast-backward.svg

  • controller-fast-forward.svg

  • controller-jump-to-start.svg

  • controller-next.svg

  • controller-paus.svg

  • controller-play.svg

  • controller-record.svg

  • controller-stop.svg

  • controller-volume.svg

  • copy.svg

  • creative-cloud.svg

  • creative-commons-attribution.svg

  • creative-commons-noderivs.svg

  • creative-commons-noncommercial-eu.svg

  • creative-commons-noncommercial-us.svg

  • creative-commons-public-domain.svg

  • creative-commons-remix.svg

  • creative-commons-share.svg

  • creative-commons-sharealike.svg

  • creative-commons.svg

  • credit-card.svg

  • credit.svg

  • cross.svg

  • cup.svg

  • cw.svg

  • cycle.svg

  • database.svg

  • dial-pad.svg

  • direction.svg

  • document-landscape.svg

  • document.svg

  • documents.svg

  • dot-single.svg

  • dots-three-horizontal.svg

  • dots-three-vertical.svg

  • dots-two-horizontal.svg

  • dots-two-vertical.svg

  • download.svg

  • dribbble-with-circle.svg

  • dribbble.svg

  • drink.svg

  • drive.svg

  • drop.svg

  • dropbox.svg

  • edit.svg

  • email.svg

  • emoji-flirt.svg

  • emoji-happy.svg

  • emoji-neutral.svg

  • emoji-sad.svg

  • erase.svg

  • eraser.svg

  • evernote.svg

  • export.svg

  • eye.svg

  • facebook-with-circle.svg

  • facebook.svg

  • feather.svg

  • flag.svg

  • flash.svg

  • flashlight.svg

  • flat-brush.svg

  • flattr.svg

  • flickr-with-circle.svg

  • flickr.svg

  • flow-branch.svg

  • flow-cascade.svg

  • flow-line.svg

  • flow-parallel.svg

  • flow-tree.svg

  • folder-images.svg

  • folder-music.svg

  • folder-video.svg

  • folder.svg

  • forward.svg

  • foursquare.svg

  • funnel.svg

  • game-controller.svg

  • gauge.svg

  • github-with-circle.svg

  • github.svg

  • globe.svg

  • google-drive.svg

  • google-hangouts.svg

  • google-with-circle.svg

  • google.svg

  • graduation-cap.svg

  • grid.svg

  • grooveshark.svg

  • hair-cross.svg

  • hand.svg

  • heart-outlined.svg

  • heart.svg

  • help-with-circle.svg

  • help.svg

  • home.svg

  • hour-glass.svg

  • icloud.svg

  • icon-phone.svg

  • icon-search.svg

  • image-inverted.svg

  • image.svg

  • images.svg

  • inbox.svg

  • infinity.svg

  • info-with-circle.svg

  • info.svg

  • instagram-with-circle.svg

  • instagram.svg

  • install.svg

  • key.svg

  • keyboard.svg

  • lab-flask.svg

  • landline.svg

  • language.svg

  • laptop.svg

  • lastfm-with-circle.svg

  • lastfm.svg

  • layers.svg

  • leaf.svg

  • level-down.svg

  • level-up.svg

  • lifebuoy.svg

  • light-bulb.svg

  • light-down.svg

  • light-up.svg

  • line-graph.svg

  • link.svg

  • linkedin.svg

  • linkedin_.svg

  • list.svg

  • location-pin.svg

  • location.svg

  • lock-open.svg

  • lock.svg

  • log-out.svg

  • login.svg

  • loop.svg

  • magnet.svg

  • magnifying-glass.svg

  • mail.svg

  • man.svg

  • map.svg

  • mask.svg

  • medal.svg

  • megaphone.svg

  • menu.svg

  • message.svg

  • mic.svg

  • minus.svg

  • mixi.svg

  • mobile.svg

  • modern-mic.svg

  • moon.svg

  • mouse.svg

  • music.svg

  • network.svg

  • new-message.svg

  • new.svg

  • news.svg

  • note.svg

  • notification.svg

  • onedrive.svg

  • open-book.svg

  • palette.svg

  • paper-plane.svg

  • paypal.svg

  • pencil.svg

  • phone-rev.svg

  • picasa.svg

  • pie-chart.svg

  • pin.svg

  • pinterest-with-circle.svg

  • pinterest.svg

  • plus.svg

  • popup.svg

  • power-plug.svg

  • price-ribbon.svg

  • price-tag.svg

  • print.svg

  • progress-empty.svg

  • progress-full.svg

  • progress-one.svg

  • progress-two.svg

  • publish.svg

  • px-with-circle.svg

  • px.svg

  • qq.svg

  • quote.svg

  • radio.svg

  • rdio-with-circle.svg

  • rdio.svg

  • remove-user.svg

  • renren.svg

  • reply-all.svg

  • reply.svg

  • resize-100.svg

  • resize-full-screen.svg

  • retweet.svg

  • rocket.svg

  • round-brush.svg

  • rss.svg

  • ruler.svg

  • save.svg

  • scissors.svg

  • scribd.svg

  • select-arrows.svg

  • share-alternitive.svg

  • share.svg

  • shareable.svg

  • shield.svg

  • shop.svg

  • shopping-bag.svg

  • shopping-basket.svg

  • shopping-cart.svg

  • shuffle.svg

  • signal.svg

  • sina-weibo.svg

  • skype-with-circle.svg

  • skype.svg

  • slideshare.svg

  • smashing.svg

  • sound-mix.svg

  • sound-mute.svg

  • sound.svg

  • soundcloud.svg

  • sports-club.svg

  • spotify-with-circle.svg

  • spotify.svg

  • spreadsheet.svg

  • squared-cross.svg

  • squared-minus.svg

  • squared-plus.svg

  • star-outlined.svg

  • star.svg

  • stopwatch.svg

  • stumbleupon-with-circle.svg

  • stumbleupon.svg

  • suitcase.svg

  • swap.svg

  • swarm.svg

  • sweden.svg

  • switch.svg

  • tablet.svg

  • tag.svg

  • text-document-inverted.svg

  • text-document.svg

  • text.svg

  • thermometer.svg

  • thumbs-down.svg

  • thumbs-up.svg

  • thunder-cloud.svg

  • ticket.svg

  • time-slot.svg

  • tools.svg

  • traffic-cone.svg

  • trash.svg

  • tree.svg

  • triangle-down.svg

  • triangle-left.svg

  • triangle-right.svg

  • triangle-up.svg

  • trophy.svg

  • tumblr-with-circle.svg

  • tumblr.svg

  • tv.svg

  • twitter-with-circle.svg

  • twitter.svg

  • typing.svg

  • uninstall.svg

  • unread.svg

  • untag.svg

  • upload-to-cloud.svg

  • upload.svg

  • user.svg

  • users.svg

  • v-card.svg

  • video.svg

  • vimeo-with-circle.svg

  • vimeo.svg

  • vine-with-circle.svg

  • vine.svg

  • vinyl.svg

  • vk-alternitive.svg

  • vk-with-circle.svg

  • vk.svg

  • voicemail.svg

  • wallet.svg

  • warning.svg

  • water.svg

  • xing-with-circle.svg

  • xing.svg

  • yelp.svg

  • youtube-with-circle.svg

  • youtube.svg