The Insecurity mark at full detail

About Insecurity

Insecurity is a family of deliberately vulnerable applications for penetration-testing practice, made and run by Leelsey under the name Insecurity Computer Club.

What it is for is on the front page: realistic practice across the range of systems that are actually deployed. This page is about how that is organised, and about the mark every project under the name carries.

The project

How the family is organised

The mark

A glitched shield carrying the letters IX

Colour channels split, three rows torn loose, one block dropped. Shared by every project under the Insecurity name — one set of files, held in this site’s repository; the projects keep copies and refresh them from there rather than editing in place.

Two sources

The size rule

Below 64 px the full mark silts up, so there are two masters and each size is rendered from one of them.

FileRendered at
insecurity-mark.svg128 px and up — full detail
insecurity-mark-small.svg64 px and down — one split, one tear
The mark at 16 pixels
16
The mark at 32 pixels
32
The mark at 48 pixels
48
The mark at 64 pixels
64
The mark at 128 pixels
128 — full source

Variants

Four cuts of the same mark

The glyph takes its colour from the text around it — switch the theme and it follows. It is the one mark on this page that is not an <img>: an image cannot be handed a currentColor, so the file is used as a CSS mask over the text colour instead. That keeps one copy of the artwork rather than a second one pasted into the markup. There is no channel split in mono; a single colour cannot carry one.

Palette

Four values, two roles

Cyan and red are fringes, not accents. They exist on the mark and nowhere else — not in buttons, not in links, not in state colours. This site follows that rule: the four values above appear on this page as swatches, and in no other role.

Amber on slate holds contrast on light and dark backgrounds, which is why one file covers both themes rather than two.

Using it

In a page

<link rel="icon" type="image/svg+xml" href="favicon.svg">
<link rel="icon" sizes="any" href="favicon.ico">
<link rel="apple-touch-icon" href="apple-touch-icon.png">

Licence

What MIT covers here, and what it does not

The licence covers the files, and it is permissive on purpose: fork it, self-host it, modify it, build on it, contribute back — none of that needs asking first. It does not extend to the Insecurity name or mark, which stay with their owner regardless of what you do with the code. Call your fork whatever you like; just not Insecurity, and without the shield. See TRADEMARK.md for the rest.