Zoolander Style Guide

Rackspace

Iconography

Our icons help us to express the attributes of our brand, products, services, workloads, technology and ideas in ways that are immediately recognizable.

We use icons as a graphical representation of a product, service, workload, technology or idea. They should not stand alone. instead, they should be accompanied by a headline or body copy, and the corporate logo should appear somewhere on the same page or asset.

Rules

icons are one color and used in dark, medium and light gray.
An icon should be used in the context of an idea, service offering, solution area or workload where possible (paired with solution area/workload names, part of an ideogram, diagram or illustration).
Make sure that all icons used together have the same line weight.

Usage:

in order to use the Rackspace web font in your markup you will need to put in <span class="rsweb name-of-icon"></span> replacing "name-of-icon" with the name that appears underneath the icon you've chosen.

To change the font color to white add the class "white" to your icon class.

Example

<span class="rsweb name-of-icon white">

Downloads

Available icons:

Class: xing-solid

Code: e852

Class: github-circled

Code: f09b

Class: xing-square

Code: e84f

Class: calendar

Code: e851

Class: angle-down

Code: f107

Class: angle-up

Code: f106

Class: idio-quote

Code: e993

Class: code-script

Code: e808

Class: pdf-doc

Code: e8c5

Class: playbtn-film

Code: e8c8

Class: movie-popup

Code: e8c6

Class: gen-laptop-code

Code: e81e

Class: idio-up-and-down

Code: e850

Class: srv-email

Code: e84e

Class: srv-email-server

Code: e97a

Class: idio-stethoscope

Code: e84d

Class: srv-directory-server

Code: e84c

Class: idio-seedlings

Code: e965

Class: srv-database-server

Code: e84b

Class: idio-search

Code: e964

Class: srv-data

Code: e977

Class: idio-sales-growth

Code: e84a

Class: srv-custom-apps

Code: e849

Class: idio-sales-funnel

Code: e848

Class: srv-content-management-1

Code: e846

Class: idio-safe

Code: e961

Class: srv-virtualization-server

Code: e988

Class: srv-container-server

Code: e845

Class: idio-puzzle-piece

Code: e960

Class: srv-storage-server

Code: e844

Class: srv-configuration-server

Code: e843

Class: idio-prize-ribbon

Code: e95f

Class: srv-security

Code: e842

Class: srv-compute-opt-server

Code: e841

Class: idio-lightbulb

Code: e840

Class: srv-search-server

Code: e83f

Class: srv-compliance

Code: e83e

Class: idio-key

Code: e95d

Class: srv-plugin-server

Code: e83d

Class: srv-collaboration

Code: e83c

Class: idio-file-cabinet

Code: e95c

Class: srv-performance

Code: e83b

Class: srv-chat

Code: e83a

Class: idio-conversation

Code: e95b

Class: srv-networking-server

Code: e839

Class: srv-aviator

Code: e838

Class: idio-compass

Code: e837

Class: srv-navigator

Code: e836

Class: mng-world-wide-support

Code: e835

Class: idio-bug

Code: e834

Class: srv-mobile-apps

Code: e833

Class: mng-virtualization

Code: e832

Class: idio-book

Code: e958

Class: srv-general-workload-server

Code: e831

Class: mng-threat

Code: e96b

Class: idio-alert

Code: e830

Class: srv-gen-memory-opt-server

Code: e97e

Class: mng-recovery

Code: e82f

Class: gen-upload

Code: e82e

Class: srv-file-server

Code: e82d

Class: mng-control-panel

Code: e969

Class: gen-recovery

Code: e82c

Class: srv-extra-capacity

Code: e82b

Class: idio-world

Code: e82a

Class: gen-open-mail

Code: e829

Class: gen-calculator

Code: e828

Class: gen-cdn

Code: e827

Class: gen-checklist

Code: e942

Class: gen-clipboard

Code: e943

Class: gen-community

Code: e826

Class: gen-deep-monitoring

Code: e825

Class: gen-design

Code: e824

Class: gen-desktop-code

Code: e823

Class: gen-document-folder

Code: e822

Class: gen-documents

Code: e821

Class: gen-ecommerce-cart

Code: e94a

Class: gen-flame-shield

Code: e94b

Class: gen-help

Code: e820

Class: gen-iot

Code: e81f

Class: gen-license-1

Code: e81d

Class: gen-lock-shield

Code: e950

Class: gen-mail

Code: e951

Class: gen-moving

Code: e81c

Class: gen-news

Code: e81b

Class: gen-backups

Code: e81a

Class: gen-ai

Code: e93e

Class: ded-tools

Code: e819

Class: ded-networking

Code: e93c

Class: ded-dns

Code: e93a

Class: cont-security

Code: e937

Class: cont-security-monitoring

Code: e936

Class: cont-preformance-tuning

Code: e935

Class: cont-health-checks

Code: e816

Class: cont-code-review

Code: e815

Class: cont-checklist

Code: e814

Class: cont-certification

Code: e813

Class: cont-calculations

Code: e812

Class: cont-around-the-clock

Code: e811

Class: cl-remote-storage

Code: e810

Class: auto-process

Code: e92b

Class: auto-cdn-propagation

Code: e80f

Class: auto-around-the-world

Code: e80e

Class: srv-web-hosting

Code: e9e9

Class: youtube

Code: f167

Class: auto-os-maintenance

Code: e902

Class: auto-maintenance

Code: e901

Class: auto-compute

Code: e900

Class: cl-load-balancers

Code: e914

Class: cl-monitoring

Code: e915

Class: cl-networks

Code: e916

Class: ded-control-panel

Code: e92a

Class: ded-big-data

Code: e929

Class: ded-backup

Code: e928

Class: gen-bolt-gear

Code: e93d

Class: gen-building-lg

Code: e93f

Class: cl-office

Code: e917

Class: cl-orchestration

Code: e918

Class: ded-databases

Code: e92c

Class: gen-building-md

Code: e940

Class: gen-building-sm

Code: e941

Class: ded-email

Code: e92d

Class: cl-private-cloud

Code: e919

Class: ded-hosting

Code: e92e

Class: ded-load-balancers

Code: e92f

Class: cl-registry

Code: e91b

Class: cl-autoscale

Code: e907

Class: cl-scale-apps

Code: e91c

Class: ded-log-management

Code: e930

Class: gen-chart

Code: e944

Class: gen-clock

Code: e945

Class: ded-managed-virualization

Code: e931

Class: cl-security

Code: e91d

Class: cl-big-data

Code: e909

Class: cl-block-storage

Code: e90a

Class: ded-monitoring

Code: e932

Class: gen-cloud

Code: e946

Class: gen-os

Code: e95a

Class: gen-network-connection

Code: e959

Class: gen-locked-checked-shield

Code: e957

Class: gen-license

Code: e955

Class: gen-key

Code: e953

Class: gen-install

Code: e952

Class: gen-servers

Code: e966

Class: gen-shield

Code: e968

Class: gen-stacks

Code: e96a

Class: gen-stopwatch

Code: e96c

Class: gen-support

Code: e96d

Class: gen-uptime

Code: e96e

Class: idio-torch

Code: e982

Class: idio-target

Code: e981

Class: idio-straightjacket

Code: e980

Class: idio-spaceship

Code: e97f

Class: idio-piggy

Code: e97d

Class: idio-people

Code: e97c

Class: idio-high-five

Code: e97b

Class: idio-focus

Code: e979

Class: idio-fist

Code: e978

Class: mng-databases

Code: e98d

Class: mng-generic

Code: e98f

Class: mng-guarantee

Code: e990

Class: mng-infrastructure

Code: e991

Class: mng-installation

Code: e992

Class: mng-monitoring

Code: e994

Class: mng-os-support

Code: e995

Class: mng-performance

Code: e997

Class: idio-trophy

Code: e983

Class: gen-user

Code: e96f

Class: gen-code

Code: e947

Class: ded-security

Code: e933

Class: cl-cdn

Code: e90b

Class: cl-control-panel

Code: e90c

Class: gen-data-replication

Code: e948

Class: ded-server-lg

Code: e934

Class: gen-web

Code: e970

Class: idio-winner

Code: e984

Class: mng-power

Code: e998

Class: mng-24x7

Code: e985

Class: gen-webpage

Code: e971

Class: gen-desktop

Code: e949

Class: cl-servers

Code: e921

Class: cl-databases

Code: e90d

Class: cl-sites

Code: e922

Class: gen-performance

Code: e95e

Class: gen-workers

Code: e972

Class: mng-access

Code: e986

Class: mng-response

Code: e99a

Class: mng-security

Code: e99b

Class: mng-advisors

Code: e987

Class: idio-binoculars

Code: e973

Class: cl-tools

Code: e923

Class: cl-email

Code: e90f

Class: idio-brain

Code: e974

Class: ded-storage

Code: e938

Class: cl-email-archive

Code: e910

Class: mng-service

Code: e99d

Class: mng-apps

Code: e989

Class: idio-cloud-education

Code: e975

Class: gen-global

Code: e94d

Class: ded-support

Code: e939

Class: cont-monitoring

Code: e925

Class: cl-files

Code: e911

Class: cl-hybrid

Code: e912

Class: gen-global-traffic

Code: e94e

Class: gen-server-instance

Code: e962

Class: idio-cycle

Code: e976

Class: mng-cloud

Code: e98b

Class: gen-server-instances

Code: e963

Class: gen-growth

Code: e94f

Class: gen-assistance

Code: e93b

Class: ded-api-services

Code: e927

Class: srv-disaster-recovery

Code: e9b3

Class: srv-digital

Code: e9b2

Class: srv-devops

Code: e9b1

Class: srv-design-build-2

Code: e9af

Class: srv-database

Code: e9ae

Class: srv-data-storage

Code: e9ad

Class: srv-content-management

Code: e9ab

Class: srv-code-deployment

Code: e9aa

Class: srv-backups

Code: e9a8

Class: srv-backup

Code: e9a7

Class: srv-archiving

Code: e9a6

Class: srv-architecture

Code: e9a5

Class: srv-anti-virus

Code: e9a4

Class: srv-advisory

Code: e9a3

Class: mng-support

Code: e9a0

Class: srv-ecommerce

Code: e9b4

Class: srv-email-out

Code: e9b5

Class: srv-guidance

Code: e9b7

Class: srv-migration

Code: e9b9

Class: srv-monitoring

Code: e9ba

Class: srv-rich-media

Code: e9bb

Class: srv-saas

Code: e9bc

Class: srv-test-dev

Code: e9be

Class: srv-virtualization

Code: e9bf

Class: srv-vpn

Code: e9c0

Class: srv-website

Code: e9c2

Class: gen-choice

Code: e9c3

Class: sign-in

Code: e80d

Class: user-plus

Code: f234

Class: phone

Code: e80c

Class: mail-alt

Code: f0e0

Class: angle-left

Code: f104

Class: menu

Code: f0c9

Class: search

Code: f50d

Class: envelope-o

Code: 2709

Class: external-link

Code: f08e

Class: quote-right

Code: f10e

Class: quote-left

Code: f10d

Class: file-text

Code: f15c

Class: gear

Code: e80b

Class: google-plus

Code: f0d5

Class: linkedin

Code: f0e1

Class: twitter

Code: f099

Class: facebook

Code: f09a

Class: globe

Code: e80a

Class: plus

Code: e809

Class: money

Code: f0d6

Class: server

Code: f233

Class: wrench

Code: e847

Class: file-code-o

Code: f1c9

Class: check

Code: e807

Class: google-plus-square

Code: f0d4

Class: linkedin-square

Code: f30c

Class: youtube-square

Code: f166

Class: twitter-square

Code: f304

Class: file-pdf-o

Code: f1c1

Class: youtube-play

Code: f16a

Class: rss-square

Code: f143

Class: newspaper-o

Code: f1ea

Class: suitcase

Code: f0f2

Class: facebook-official

Code: f230

Class: square

Code: f0c8

Class: caret-down

Code: e806

Class: bullhorn

Code: e805

Class: exclamation-circle

Code: e804

Class: times

Code: e803

Class: spinner

Code: f110

Class: comments

Code: e802

Class: mobile

Code: f10b

Class: circle-o-notch

Code: f1ce

Class: arrow-circle-o-left

Code: f190

Class: caret-right

Code: e801

Class: print

Code: e800

Class: github-square

Code: f300

Class: angle-right

Code: f105

Class: arrow-circle-up

Code: f0aa