All Projects → fjudith → cloud-native-isometric-icons

fjudith / cloud-native-isometric-icons

Licence: Apache-2.0 License
Isometric assets promoting Cloud Native & Continuous Delivery

Programming Languages

shell
77523 projects
Dockerfile
14818 projects

Projects that are alternatives of or similar to cloud-native-isometric-icons

Calculator-App
A Neumorphic Calculator App created using Flutter.
Stars: ✭ 18 (-45.45%)
Mutual labels:  design
design-scuole-wordpress-theme
Tema Wordpress dedicato al progetto per i siti delle scuole
Stars: ✭ 40 (+21.21%)
Mutual labels:  design
flutteranimations
Flutter login and signup screen with animations.
Stars: ✭ 34 (+3.03%)
Mutual labels:  design
react-todo
A super accessible and easy to use todo list.
Stars: ✭ 13 (-60.61%)
Mutual labels:  design
design-wordpress-theme-italiaWP2
Tema WordPress open-source per la Pubblica Amministrazione basato su Bootstrap Italia
Stars: ✭ 19 (-42.42%)
Mutual labels:  design
ddd-example-ecommerce
Domain-driven design example in Java with Spring framework
Stars: ✭ 73 (+121.21%)
Mutual labels:  design
norman-portfolio
Norman Nuthu's Portfolio
Stars: ✭ 16 (-51.52%)
Mutual labels:  design
smart-home-neomorphism-app
Smart Home app ui design in a neomorphism style.
Stars: ✭ 82 (+148.48%)
Mutual labels:  design
spotify-clone
🎶 Spotify Clone
Stars: ✭ 17 (-48.48%)
Mutual labels:  design
patterns
📰 A collection of UI / UX patterns for different types of applications
Stars: ✭ 67 (+103.03%)
Mutual labels:  design
geo-pattern
Create beautiful generative geometric background images from a string ✨ TypeScript port of jasonlong/geo_pattern. Supports both Node.js and Browser.
Stars: ✭ 33 (+0%)
Mutual labels:  design
pill-pity
🎨 Hero Patterns - a collection of repeatable SVG background patterns for Chakra UI
Stars: ✭ 21 (-36.36%)
Mutual labels:  design
nomnoml-cli
Generates images from nomnoml diagram sources in a NodeJS module or on the command line
Stars: ✭ 20 (-39.39%)
Mutual labels:  diagrams
SUSE-Cloud-Native-Foundations-Scholarship
Udacity Suse Cloud Native Foundations Scholarship Course Walkthrough
Stars: ✭ 34 (+3.03%)
Mutual labels:  cloud-native
adminer-bootstrap-like
Adminer Bootstrap-Like Design
Stars: ✭ 46 (+39.39%)
Mutual labels:  design
guide-to-cloud-native-devops-cn
《云原生 DevOps 指南》翻译项目
Stars: ✭ 30 (-9.09%)
Mutual labels:  cloud-native
word-color
Finds colors associated with a word, basically https://picular.co/
Stars: ✭ 39 (+18.18%)
Mutual labels:  design
OwlBottomSheet
Simple library to show a bottom sheet like Owl app from Material Design studies cases
Stars: ✭ 44 (+33.33%)
Mutual labels:  design
FigmaConvertXib
FigmaConvertXib is a tool for exporting design elements from figma.com and generating files to a projects iOS .xib / Android .xml
Stars: ✭ 111 (+236.36%)
Mutual labels:  design
data-algorithms-with-spark
O'Reilly Book: [Data Algorithms with Spark] by Mahmoud Parsian
Stars: ✭ 34 (+3.03%)
Mutual labels:  design

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].