CyClone

Tool

CPIK CyClone Power Icon Kit

Iranian brands. One icon kit.

CPIK is an icon kit of Iranian banks, platforms, services and brands. Link one stylesheet and each icon is a class name away, sharp at any size and coloured with CSS like the text beside it. The logos belong to their owners.

  • Version0.1.9
  • StatusStable
  • LicenceMIT
Why

That's why we built Icon Kit

Web developers who build sites that link to Iranian banks, messengers and marketplaces need those brands' icons in one set. CPIK gives each icon a class name through one stylesheet, and CSS sizes and colours it like text.

  • Iranian banks and brands

    Banks, platforms, services and brands come together in one icon font.

  • Sharp at any size

    Each icon is a character in a font, so it scales with font-size.

  • Coloured with CSS

    An icon takes its colour from the color property, like the text around it.

Release stage

  1. Alpha Works, but may still change 0.1.0
  2. Beta Feature-complete, being polished 0.1.8
  3. Stable Ready for everyday use 0.1.9

Getting it running

4 steps

  1. Browse every icon and its class name in the online demo at cpik.cyclone9.dev, then pick the ones you need.
  2. Download the kit and copy the font files and the stylesheet into your site.
  3. Link the stylesheet in the head of your page.
  4. Add an icon by giving an element its class, then set its size and colour the way you would for text.

Documentation

What the reference covers

Every icon is a character in a font, so it scales with font-size and takes its colour from the color property like the text around it.

Full documentation on GitHub (Persian)

More details

Icon libraries cover brands from around the world and almost none of the ones Iranian sites link to. A bank, a messenger and a marketplace end up as separate images, each in a different size and colour. CPIK puts the Iranian ones in a single icon font. Copy the font files and the stylesheet into your site, link the stylesheet, and give an element an icon's class name. The icon scales with font-size and takes its colour from the CSS color property, like the text around it, and one file covers the whole set. The logos belong to their brands. The kit only displays them, and using one does not imply a partnership with the brand.

Tool v0.1.0

CPALS

CyClone Power Assistant for Linux Servers

A set of Bash scripts for setting up, hardening and maintaining Linux servers.

  • bash
  • server
  • devops
  • hardening
  • cli
Alpha
Tool v1.0.0

CPWO

CyClone Power Web Optimizer

CPWO is a single command-line tool that minifies HTML, CSS, JS, JSON, SVG and XML, compresses images and converts them to WebP and AVIF. It writes the results next to your files and leaves the originals alone.

  • performance
  • optimize
  • minify
  • images
  • webp
  • avif
  • cli
Stable
Tool v0.6.0

CPCS

CyClone Power Card Studio

Turns a card number, a name and a bank into a card image you can share.

  • card
  • banking
  • design
  • templates
  • image-export
Stable