Cosmosdb icon
devicon:cosmosdb
The Cosmosdb icon (devicon:cosmosdb) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#59b3d8" d="M105.824 58.024c5.492 22.45-8.457 45.047-31.156 50.48c-22.695 5.427-45.547-8.366-51.035-30.816c-5.492-22.45 8.457-45.05 31.152-50.48l.078-.02c22.59-5.457 45.375 8.227 50.9 30.567zm0 0"/><path fill="#b6deec" d="M58.746 84.583c-.012-6.137-5.055-11.102-11.258-11.086h-1.703c1.445-5.933-2.246-11.894-8.246-13.32a11 11 0 0 0-2.7-.31H23.16c-2.523 12.853 1.246 26.13 10.176 35.798h14.148c6.207.016 11.246-4.95 11.262-11.082m13.945-45.96c0 .648.082 1.296.254 1.925h-4.86c-6.444 0-11.667 5.168-11.667 11.543c0 6.37 5.223 11.539 11.668 11.539h38.644c-1.257-13.79-9.488-26.012-21.863-32.477h-4.605c-4.176-.004-7.563 3.34-7.57 7.47zm34.043 33.585H83.68c-5.258-.012-9.532 4.188-9.55 9.387a9.2 9.2 0 0 0 1.143 4.469c-5 1.546-7.789 6.816-6.226 11.765c1.242 3.934 4.937 6.606 9.105 6.59h6.426c12.317-6.453 20.61-18.512 22.156-32.211m0 0"/><path fill="#b7d332" d="M17.383 40.013a1.27 1.27 0 0 1-.914-.367a1.27 1.27 0 0 1-.387-.907v-.004c-.02-8.066-6.637-14.59-14.789-14.578c-.71 0-1.29-.57-1.293-1.281c0-.703.578-1.273 1.293-1.273c8.14.007 14.754-6.504 14.79-14.555a1.285 1.285 0 0 1 1.354-1.227a1.297 1.297 0 0 1 1.243 1.227c.02 8.062 6.636 14.586 14.793 14.578c.71 0 1.29.57 1.29 1.277c0 .703-.579 1.278-1.29 1.278c-8.149-.012-14.77 6.508-14.793 14.566c-.012.7-.59 1.266-1.297 1.266m0 0"/><path d="M126.316 30.228c-4.035-6.54-14.175-8.047-29.304-4.383a123 123 0 0 0-13.895 4.383a42.6 42.6 0 0 1 8.188 5.175c2.574-.84 5.101-1.593 7.511-2.175a53.5 53.5 0 0 1 12.336-1.727c4.957 0 7.692 1.21 8.606 2.688c1.496 2.42.12 8.816-8.68 18.87c-1.566 1.79-3.328 3.602-5.18 5.422a176 176 0 0 1-31.843 24.15a176 176 0 0 1-36.328 17.105c-15.317 4.938-25.774 4.836-28.122 1.047c-2.34-3.785 2.344-13.047 13.778-24.29a41 41 0 0 1-.938-9.73C4.246 83.029-1.645 97.124 3.06 104.74c2.46 3.985 7.843 6.23 15.703 6.23a80.8 80.8 0 0 0 27.183-5.933a194.3 194.3 0 0 0 32.11-15.926a193 193 0 0 0 28.886-21.148a118 118 0 0 0 9.946-9.941c10.207-11.653 13.465-21.266 9.43-27.793zm0 0"/><path fill="#0072c5" d="M108.602 122.18a.764.764 0 0 1-.77-.757c-.02-4.82-3.98-8.72-8.855-8.711a.76.76 0 0 1-.54-.215a.77.77 0 0 1-.23-.54c0-.417.344-.757.766-.757h.004c4.875 0 8.828-3.894 8.843-8.71a.8.8 0 0 1 .23-.548a.79.79 0 0 1 1.098 0c.145.145.227.34.227.547c.02 4.817 3.973 8.71 8.844 8.71a.753.753 0 0 1 .543 1.294a.74.74 0 0 1-.54.219h-.003c-4.87 0-8.828 3.894-8.844 8.715a.76.76 0 0 1-.773.754zm0 0"/></svg>How to use the Cosmosdb icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:cosmosdb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:cosmosdb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:cosmosdb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--cosmosdb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:cosmosdb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:cosmosdb"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/cosmosdb.svg" alt="Cosmosdb icon" width="24" height="24">Related icons in Devicon
Cosmosdb icon in other icon sets
Cosmosdb icon FAQ
Is the Cosmosdb icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Cosmosdb icon in React?
Install @iconify/react and render <Icon icon="devicon:cosmosdb" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cosmosdb icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/cosmosdb.svg" alt="Cosmosdb icon">, or paste the SVG code inline to style it with CSS.