Skip to content

Instantly share code, notes, and snippets.

@skluck

skluck/index.html

Last active April 11, 2017 19:12
Show Gist options
  • Save skluck/9343209a6198e94b09dbd6eddf1d2efa to your computer and use it in GitHub Desktop.
Save skluck/9343209a6198e94b09dbd6eddf1d2efa to your computer and use it in GitHub Desktop.
Download ZIP
frontier logo
Raw
index.html
<html>
<head>
<style>
img { width: 750px; }
h1 { margin: 1em 0; border-top: 3px solid #555; border-bottom: 3px solid #555; color: #555; font-family: sans-serif; text-transform: uppercase; }
hr { margin: 2em 0; }
</style>
</head>
<body>
<div>
<h1>Primary</h1>
<img src="logo.svg">
<hr>
<img src="logo-inverse.svg">
<h1>Prefixed</h1>
<img src="logo-prefix.svg">
<hr>
<img src="logo-prefix-inverse.svg">
<h1>Tall</h1>
<img src="logo-tall.svg">
<hr>
<img src="logo-tall-inverse.svg">
</div>
</body>
</html>
Display the source blob
Display the rendered blob
Raw
logo-inverse.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
logo-prefix.svg
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="330px"
height="75px"
viewBox="0 0 330 75">
<rect fill="#fd7400" width="100%" height="100%" />
<!-- f -->
<svg viewBox="-50 1 330 75" preserveAspectRatio="xMinYMin meet">
<path fill="#ffffff" d="M47.9072,26.136l0-4.968c0-0.5184-0.3888-0.9072-0.8208-0.9072l-23.6304,0c-0.4752,0-0.864,0.3888-0.864,0.9072l0,3.672l8.8128,10.6272l-8.8128,0l0,21.0384c0,0.4752,0.3888,0.9072,0.864,0.9072l5.0544,0c0.4752,0,0.8208-0.432,0.8208-0.9072l0-14.2992l13.3056,0c0.6048,0,1.0368-0.3888,1.0368-0.864l0-5.0544c0-0.4752-0.432-0.8208-1.0368-0.8208l-2.4192,0l-7.0416-8.4672l13.9104,0c0.432,0,0.8208-0.3888,0.8208-0.864z"></path>
</svg>
<!-- r -->
<svg viewBox="-50 1 330 75" preserveAspectRatio="xMinYMin meet">
<path fill="#ffffff" d="M77.7584,56.0736l0.0432,0.0864c0.0864,0.1296,0.0864,0.2592,0.0864,0.3888c0,0.5184-0.3456,0.9072-0.8208,0.9072l-5.7888,0c-0.3024,0-0.5616-0.1728-0.6912-0.3888l-0.0864-0.1296l-7.3872-13.0464l-0.9072-1.6416l-3.24,0l0,14.3424c0,0.4752-0.3888,0.864-0.8208,0.864l-5.0544,0c-0.4752,0-0.864-0.3888-0.864-0.864l0-21.0816l6.1776,0l-5.7456-10.1088l0-0.0432l-0.432-0.7776l0-3.4128c0-0.432,0.3888-0.8208,0.864-0.8208l12.6144,0c3.9312,0,7.344,1.08,9.7632,3.1536c2.376,1.9872,3.7584,4.8384,3.7584,7.8192c0,4.536-3.24,9.1584-9.504,10.5408l0.216,0.3888l0.9504,1.6416z"></path>
<path fill="#fd7400" d="M65.2304,33.912l0.9072,1.5984c0.432,0,0.864-0.0432,1.2528-0.0864c3.4992-0.4752,5.0544-2.376,5.0544-4.104c0-2.0304-2.0736-4.2336-6.7392-4.2336l-4.32,0z"></path>
</svg>
<!-- o -->
<svg viewBox="-50 1 330 75" preserveAspectRatio="xMinYMin meet">
<path fill="#ffffff" d="M101.4752,57.456c10.2384,0,18.576-8.3376,18.576-18.576s-8.3376-18.576-18.576-18.576s-18.576,8.3376-18.576,18.576s8.3376,18.576,18.576,18.576z"></path>
<path fill="#fd7400" d="M101.4752,27.0432c6.5232,0,11.7936,5.3136,11.7936,11.8368s-5.2704,11.7936-11.7936,11.7936s-11.8368-5.2704-11.8368-11.7936s5.3136-11.8368,11.8368-11.8368z"></path>
</svg>
<!-- n -->
<svg viewBox="-50 1 330 75" preserveAspectRatio="xMinYMin meet">
<path fill="#ffffff" d="M149.4704,57.672l0-36.504c0-0.4752-0.3888-0.864-0.8208-0.864l-5.0976,0c-0.432,0-0.8208,0.3888-0.8208,0.864l0,19.1376l-18.576-20.2608l0,36.504c0,0.4752,0.3888,0.864,0.864,0.864l5.0544,0c0.4752,0,0.8208-0.3888,0.8208-0.864l0-19.1376z"></path>
</svg>
<!-- t -->
<svg viewBox="-50 1 330 75" preserveAspectRatio="xMinYMin meet">
<path fill="#ffffff" d="M178.8896,26.1792l0-5.0544c0-0.4752-0.4752-0.8208-1.0368-0.8208l-23.4144,0c-0.4752,0-0.864,0.3456-0.864,0.8208l0,5.0544c0,0.4752,0.3888,0.864,0.864,0.864l8.424,0l0,29.3328c0,0.5616,0.3888,1.0368,0.8208,1.0368l5.0976,0c0.432,0,0.8208-0.4752,0.8208-1.0368l0-29.3328l8.2512,0c0.5616,0,1.0368-0.3888,1.0368-0.864z"></path>
</svg>
<!-- i -->
<svg viewBox="-50 1 330 75" preserveAspectRatio="xMinYMin meet">
<path fill="#ffffff" d="M196.5152,27l5.6592,0c0.6048,0,1.08-0.3456,1.08-0.8208l0-5.0544c0-0.4752-0.4752-0.864-1.08-0.864l-18.3168,0c-0.4752,0-0.864,0.3888-0.864,0.864l0,5.0544c0,0.4752,0.3888,0.8208,0.864,0.8208l5.8752,0l0,23.6304l-5.8752,0c-0.4752,0-0.864,0.3888-0.864,0.864l0,5.0544c0,0.4752,0.3888,0.864,0.864,0.864l18.3168,0c0.6048,0,1.08-0.3888,1.08-0.864l0-5.0544c0-0.4752-0.4752-0.864-1.08-0.864l-5.6592,0l0-23.6304z"></path>
</svg>
<!-- e -->
<svg viewBox="-50 1 330 75" preserveAspectRatio="xMinYMin meet">
<path fill="#ffffff" d="M233.7536,56.592l0-5.0544c0-0.4752-0.3888-0.864-0.8208-0.864l-17.7552,0l0-8.424l16.0272,0c0.4752,0,0.864-0.3888,0.864-0.864l0-5.0544c0-0.4752-0.3888-0.8208-0.864-0.8208l-16.0272,0l0-8.4672l16.8912,0c0.4752,0,0.864-0.3456,0.864-0.8208l0-5.0544c0-0.4752-0.3888-0.864-0.864-0.864l-22.7664,0c-0.4752,0-0.864,0.3888-0.864,0.864l0,35.424c0,0.4752,0.3888,0.864,0.864,0.864l23.6304,0c0.432,0,0.8208-0.3888,0.8208-0.864z"></path>
</svg>
<!-- r -->
<svg viewBox="-50 1 330 75" preserveAspectRatio="xMinYMin meet">
<path fill="#ffffff" d="M264.0368,56.0736l0.0432,0.0864c0.0864,0.1296,0.0864,0.2592,0.0864,0.3888c0,0.5184-0.3456,0.9072-0.8208,0.9072l-5.7888,0c-0.3024,0-0.5616-0.1728-0.6912-0.3888l-0.0864-0.1296l-7.3872-13.0464l-0.9072-1.6416l-3.24,0l0,14.3424c0,0.4752-0.3888,0.864-0.8208,0.864l-5.0544,0c-0.4752,0-0.864-0.3888-0.864-0.864l0-21.0816l6.1776,0l-5.7456-10.1088l0-0.0432l-0.432-0.7776l0-3.4128c0-0.432,0.3888-0.8208,0.864-0.8208l12.6144,0c3.9312,0,7.344,1.08,9.7632,3.1536c2.376,1.9872,3.7584,4.8384,3.7584,7.8192c0,4.536-3.24,9.1584-9.504,10.5408l0.216,0.3888l0.9504,1.6416z"></path>
<path fill="#fd7400" d="M251.5088,33.912l0.9072,1.5984c0.432,0,0.864-0.0432,1.2528-0.0864c3.4992-0.4752,5.0544-2.376,5.0544-4.104c0-2.0304-2.0736-4.2336-6.7392-4.2336l-4.32,0z"></path>
</svg>
<!-- icon -->
<svg viewBox="-30 -27 150 150" preserveAspectRatio="xMinYMin meet">
<path fill="#ffffff" d="M27.159,78.945c7.414-3.59,18.067-11.203,29.313-22.434c8.445-8.435,15.599-17.303,20.143-24.972 c1.022-1.727,1.821-3.247,2.458-4.595C72.288,18.454,61.855,13,50.167,13c-20.402,0-37,16.598-37,37 C13.167,61.711,18.642,72.16,27.159,78.945z"></path>
<path fill="#ffffff" d="M50.543,86.99c20.107-0.202,36.42-16.52,36.614-36.63c-4.851,6.591-10.606,13.281-17.084,19.75 C63.677,76.499,57.063,82.185,50.543,86.99z"></path>
<path fill="#ffffff" d="M96.963,3.096c-6.135-6.127-20.19-2.853-36.331,7.128c4.798,1.168,9.25,3.151,13.203,5.914 c4.457-1.828,8.616-1.82,10.253-0.185c2.379,2.375,1.308,7.779-2.37,14.75c-0.01-0.016-0.019-0.033-0.028-0.048 c-4.305,8.177-12.211,18.521-22.391,28.688C49.24,69.388,39.006,77.218,30.863,81.552c0.009,0.005,0.018,0.01,0.026,0.016 c-7.085,3.766-12.582,4.88-14.985,2.479c-1.888-1.885-1.61-5.684,0.533-10.845c-2.77-3.974-4.759-8.419-5.916-13.192 C0.476,76.178-3.015,90.867,3.031,96.905c9.555,9.542,38.331-3.721,64.269-29.625C93.238,41.377,106.519,12.638,96.963,3.096z"></path>
</svg>
</svg>
Display the source blob
Display the rendered blob
Raw
logo-tall.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
logo.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment