Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fjudith/cloud-native-isometric-icons

Isometric assets promoting Cloud Native & Continuous Delivery
https://github.com/fjudith/cloud-native-isometric-icons

cloud-native continous-delivery design diagrams iconsets isometric isometric-graphics kubernetes visualization

Last synced: 15 days ago
JSON representation

Isometric assets promoting Cloud Native & Continuous Delivery

Awesome Lists containing this project

README

        

![cc-by-nd-shield](https://img.shields.io/badge/License-CC%20BY--ND%204.0-lightgrey.svg)
# Cloud Native isometric icons

Talking about Cloud Native and Continous delevery concepts can be challenging when the time come to talk to non-technical people.
We beleive that using isometry helps to handle the various dimensions of distributed systems, espectially those running in Kubernetes.

---

![continuous delivery](./docs/media/continuous_delivery_v5.0.0.png)

![Argo architecture](./docs/media/argo_architecture_v1.0.0.png)

---

## History & Goals

This project started when we realized how boring it is to represent a fully-featured microservices application like [Spinnaker](https://www.spinnaker.io). Espcially when it comes to display how it looks like when Deployed using the Helm charts.
The number of objects and customisation is so high that diagrams was looking like an indigestible spaghetti plate.

Isometry offers this opportunity to represent the various objects in volumes and gain a better understanting impact when promotting [Cloud Native](https://cncf.io) projects and the assiociated Devops spirit.

## License

Please note those assets are distributed under a creative commons license, you are permitted to use and share this work providing usage is attributed to `Florian JUDITH` and `Marie DAO`. And that the original file is distributed with this README file.

This work is licensed under the Creative Commons Attribution-NoDerivatives 4.0 International License. To view a copy of this license, visit .

![cc-by-nd-image](https://licensebuttons.net/l/by-nd/4.0/88x31.png)

###### Software Factory

Integration pipeline
Deployment pipeline
Conveyor Gate Enter
Conveyor Gate Exit

Conveyor Long Up-left
Conveyor Long Up-right
Conveyor Long Down-left
Conveyor Long Down-right

Conveyor Gate Enter
Conveyor Gate Enter
Conveyor Gate Enter
Conveyor Gate Enter

###### Kubernetes control-plane

API Server
Controller Manager
Scheduler
Cloud Controller Manager

Kubelet
Kube-Proxy

###### Kubernetes infrastructure

Etcd
Master
Node

###### Kubernetes pod

Pod
Pod (1 sidecar)
Pod (1 sidecar)
Pod (2 sidecar)
Pod (3 sidecar)

###### Application Package

Configuration white
Configuration poussin
Configuration banana
Configuration carrot
Configuration raspberry

Configuration gray
Configuration lagoon
Configuration azure
Configuration sapphire
Configuration petrol

Configuration green
Configuration emeraude
Configuration magenta
Configuration grape
Configuration black

Configuration metal
Configuration metal
Configuration metal
Configuration metal

###### Application package (Material)

Software package red (dark)
Software package red (light)
Software package pink (dark)
Software package pink (light)
Software package purple (dark)
Software package purple (light)
Software package deep purple (dark)
Software package deep purple (light)

Software package indigo (dark)
Software package indigo (light)
Software package blue (dark)
Software package blue (light)
Software package light blue (dark)
Software package light blue (light)
Software package cyan (dark)
Software package cyan (light)

Software package teal (dark)
Software package teal (light)
Software package green (dark)
Software package green (light)
Software package light green (dark)
Software package light green (light)
Software package lime (dark)
Software package lime (light)

Software package yellow (dark)
Software package yellow (light)
Software package amber (dark)
Software package amber (light)
Software package orange (dark)
Software package orange (light)
Software package deep orange (dark)
Software package deep orange (light)

Software package brown (dark)
Software package brown (light)
Software package gray (dark)
Software package gray (light)
Software package blue gray (dark)
Software package blue gray (light)
Software package black
Software package white

###### Cloud (Front view)

Cloud (black)
Cloud (cyan)
Cloud (magenta)
Cloud (white)
Cloud (yellow)

Alibaba cloud
Amazon Web Services
Azure
Digital Ocean
Google Cloud Platform

Hetzner
IBM cloud
Kubernetes
Open Telekom Cloud
Oracle cloud

Orange cloud
Outscale
OVH cloud
Scaleway

###### Cloud (Side view)

Cloud (black)
Cloud (cyan)
Cloud (magenta)
Cloud (white)
Cloud (yellow)

Alibaba cloud
Amazon Web Services
Azure
Digital Ocean
Google Cloud Platform

Hetzner
IBM cloud
Kubernetes
Open Telekom Cloud
Oracle cloud

Orange cloud
Outscale
OVH cloud
Scaleway

###### Container

Container white
Container poussin
Container banana
Container carrot
Container raspberry

Container gray
Container lagoon
Container azure
Container sapphire
Container petrol

Container green
Container emeraude
Container magenta
Container grape
Container black

Container metal
Container logging
Container monitoring
Container open
Container build

Container deconstructed
Container metadata
Container resources

###### Container (Material)

Container red (dark)
Container red (light)
Container pink (dark)
Container pink (light)
Container purple (dark)
Container purple (light)
Container deep purple (dark)
Container deep purple (light)

Container indigo (dark)
Container indigo (light)
Container blue (dark)
Container blue (light)
Container light blue (dark)
Container light blue (light)
Container cyan (dark)
Container cyan (light)

Container teal (dark)
Container teal (light)
Container green (dark)
Container green (light)
Container light green (dark)
Container light green (light)
Container lime (dark)
Container lime (light)

Container yellow (dark)
Container yellow (light)
Container amber (dark)
Container amber (light)
Container orange (dark)
Container orange (light)
Container deep orange (dark)
Container deep orange (light)

Container brown (dark)
Container brown (light)
Container gray (dark)
Container gray (light)
Container blue gray (dark)
Container blue gray (light)
Container black
Container white

###### Configuration

Configuration white
Configuration poussin
Configuration banana
Configuration carrot
Configuration raspberry

Configuration gray
Configuration lagoon
Configuration azure
Configuration sapphire
Configuration petrol

Configuration green
Configuration emeraude
Configuration magenta
Configuration grape
Configuration black

Configuration metal

###### Code

Code white
Code poussin
Code banana
Code carrot
Code raspberry

Code gray
Code lagoon
Code azure
Code sapphire
Code petrol

Code green
Code emeraude
Code magenta
Code grape
Code black

Code meta

###### Filesystem

Code
Documents
Folder
Index
Intelligence

###### Object storage

Object storage

###### Kubernetes config and storage

ConfigMap
Persistent Volume
Persistent Volume Claim
Secret
Volume Mount (front)

Volume Mount (side)

###### Kubernetes workloads

CronJob
Daemonset
Deployment
Job
Statefulset

CronJob
Daemonset
Deployment
Job
Statefulset

###### Kubernetes discovery and load balancing

CronJob
Daemonset

###### Networking

DNS
Internet
Load balancer

###### Repository

Code repository
Container registry
Artifact repository

###### Server

Micro Virtual Machine
Server partitionned
Server single partition
Server slim
Server cube

Server
Storage extender
Storage server HDD
Storage server SSD
Virtual Machine

###### Rack

Server rack HDD
Server rack SSD

###### Vulnerability scanner

Sniffer (front)
Sniffer (side)
Sniffer (rear front)
Sniffer (rear side)

## Tools

The project started using [Inkscape](https://inkspace.org), but we switched to [Affinity Designer](https://affinity.serif.com) as we discovered that GPU acceleration was the key to resolve the performance issues we faced when building complex diagrams.

## contributors

- [@fjudith](https://github.com/fjudith) - IT architect, SRE, Graphic designer (somehow)
- [@mariedao](https://github.com/mariedao) - Graphic designer and Tae kondo master

## Credits and Inspiration

Most of the icons are originals and crafted night after night.
However we wanted also wants to give credits to awsome projects we crossed when we were searching for inspirations.

- prisma [Kubernetes Icons](https://github.com/kubernetes/community/tree/master/icons) from [CNCF](https://cncf.io) - [Github](https://github.com/cncf)
- prisma [Nvidia Docker](https://devblogs.nvidia.com/gpu-containers-runtime) from [Nvidia](https://nvidia.com) - [Github](https://github.com/nvidia)
- prisma [Prisma]() - [Github](prisma)
- prisma [Portal 2 - Apperture Science commercials](https://www.youtube.com/playlist?list=PL8kpaSMMKX77pkOQzuZfuL3wtX0kvKW3u) from [Valve](https://www.valvesoftware.com) - [Github](https://github.com/ValveSoftware)
- cloudcraft [Cloudcraft](https://cloudcraft.com)
- arcentry [Arcentry](https://arcentry.com)

### Special thanks

- Onepoint [Onepoint](https://groupeonepoint.com)