GithubHelp home page GithubHelp logo

fjudith / cloud-native-isometric-icons Goto Github PK

View Code? Open in Web Editor NEW
57.0 2.0 16.0 23.79 MB

Isometric assets promoting Cloud Native & Continuous Delivery

License: Apache License 2.0

Dockerfile 8.68% Shell 91.32%
design iconsets cloud-native kubernetes continous-delivery diagrams visualization isometric isometric-graphics

cloud-native-isometric-icons's Introduction

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

cloud-native-isometric-icons's People

Contributors

fjudith avatar mariedao avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

cloud-native-isometric-icons's Issues

Create Private Cloud basic icon

The repository currently only covers public cloud. There is an added value to create specific assets to represent the Private Cloud charesteristics.

  • Cross functionnal: Govern both datacenter and public cloud provisionning
  • API: Unified provisionning API
  • Global: Unified operations around the world

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.