Skip to content

fjudith/cloud-native-isometric-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

97 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

cc-by-nd-shield

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

Argo architecture


History & Goals

This project started when we realized how boring it is to represent a fully-featured microservices application like Spinnaker. 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 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 http://creativecommons.org/licenses/by-nd/4.0/deed.en_US.

cc-by-nd-image

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, but we switched to Affinity Designer as we discovered that GPU acceleration was the key to resolve the performance issues we faced when building complex diagrams.

contributors

  • @fjudith - IT architect, SRE, Graphic designer (somehow)
  • @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.

Special thanks