Cloudinary icon
logos:cloudinary
The Cloudinary icon (logos:cloudinary) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 100 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 100
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="100" viewBox="0 0 512 100"><path fill="#3448c5" d="M164.39 31.14a17.55 17.55 0 0 1 13.884 6.861a.707.707 0 0 0 1.024.113l5.847-4.66a.727.727 0 0 0 .113-1.023a26.62 26.62 0 0 0-21.104-10.373c-15.268 0-27.648 13.158-27.648 29.337c0 16.178 12.421 29.337 27.648 29.337a26.47 26.47 0 0 0 21.093-10.363a.707.707 0 0 0-.122-1.024l-5.837-4.608a.727.727 0 0 0-1.024.113a17.67 17.67 0 0 1-13.875 6.83c-10.434 0-18.595-8.91-18.595-20.265s8.16-20.275 18.595-20.275m28.404-10.751h7.332c.401 0 .727.325.727.727v58.14a.717.717 0 0 1-.717.718h-7.332a.727.727 0 0 1-.727-.727V21.116a.72.72 0 0 1 .603-.718zm33.044 20.11c-9.718 0-19.548 6.882-19.548 20.04c0 11.56 8.407 20.285 19.548 20.285s19.63-8.725 19.63-20.285s-8.438-20.04-19.63-20.04m10.782 20.04c0 6.676-4.638 11.714-10.782 11.714s-10.69-5.038-10.69-11.714s4.597-11.469 10.69-11.469s10.782 4.925 10.782 11.469m48.362-19.2h-7.331a.72.72 0 0 0-.727.717V61.51c0 7.598-5.243 10.291-9.738 10.291c-3.973 0-7.977-3-7.977-9.707v-20.04a.717.717 0 0 0-.727-.716h-7.332a.717.717 0 0 0-.716.717v20.991c0 11.52 5.212 17.858 14.683 17.858c3.44 0 9.011-1.976 11.1-6.338l.707.143v4.547c0 .401.325.727.727.727h7.331a.727.727 0 0 0 .727-.727v-37.2a.717.717 0 0 0-.727-.717m45.025-20.95h-7.342a.717.717 0 0 0-.717.727v25.988l-.45-.717c-2.233-3.594-7.035-5.918-12.237-5.918c-8.97 0-18.043 6.912-18.043 20.12c0 11.52 7.793 20.204 18.114 20.204c3.933 0 9.472-1.577 12.165-6l.45-.738v5.202a.717.717 0 0 0 .718.727h7.342a.717.717 0 0 0 .716-.727V21.116a.72.72 0 0 0-.603-.718zm-8.192 40.15a11.264 11.264 0 0 1-11.008 11.632c-6 0-10.7-5.12-10.7-11.632c0-6.513 4.7-11.469 10.7-11.469c6.189.157 11.092 5.279 10.977 11.469zm19.179-19.2h7.331c.396 0 .717.321.717.717v37.2c0 .397-.32.718-.717.718h-7.331a.727.727 0 0 1-.727-.727V42.056a.727.727 0 0 1 .727-.717m3.965-19.773h-.269a5.704 5.704 0 0 0-5.826 5.704a5.775 5.775 0 0 0 5.826 5.714a5.673 5.673 0 0 0 5.745-5.714a5.61 5.61 0 0 0-5.476-5.704M379.24 40.5c-3.215 0-8.929 1.731-11.11 6.339l-.707-.143v-4.64a.717.717 0 0 0-.727-.716h-7.331a.717.717 0 0 0-.717.717v37.2a.72.72 0 0 0 .717.728h7.331a.727.727 0 0 0 .728-.727V59.8c0-7.536 5.242-10.24 9.737-10.24c3.974 0 7.977 2.98 7.977 9.626v20.07c0 .401.326.727.727.727h7.352a.727.727 0 0 0 .727-.727v-20.98c-.02-11.459-5.242-17.777-14.704-17.777m58.5.84h-7.332a.717.717 0 0 0-.727.717v5.12l-.44-.717c-2.243-3.594-7.045-5.919-12.288-5.919c-8.96 0-18.042 6.912-18.042 20.122c0 11.52 7.792 20.202 18.124 20.202c3.922 0 9.462-1.576 12.165-6l.44-.737v5.13c0 .401.326.727.727.727h7.332a.717.717 0 0 0 .717-.727V42.056a.717.717 0 0 0-.676-.717m-8.192 19.2a11.264 11.264 0 0 1-11.038 11.632c-6.001 0-10.69-5.12-10.69-11.632c0-6.513 4.689-11.469 10.69-11.469c6.205.134 11.132 5.263 11.017 11.469zm41.645-19.067a14 14 0 0 0-5.263-1.024c-4.874 0-8.417 2.919-10.24 8.448l-.655-.092v-6.748a.717.717 0 0 0-.727-.717h-7.332a.717.717 0 0 0-.727.717v37.2c0 .402.325.728.727.728h7.414a.717.717 0 0 0 .716-.727V66.56q0-.928.03-1.792l.036-.85q.023-.416.05-.818l.064-.788q.142-1.545.38-2.863l.124-.646c.475-2.32 1.168-4.099 1.983-5.457l.225-.36a9.7 9.7 0 0 1 1.2-1.508l.253-.246q.317-.299.642-.543l.261-.19q.195-.136.394-.256l.263-.152l.265-.139l.264-.125l.263-.113l.132-.052l.262-.095l.26-.083l.259-.073l.256-.062l.253-.053l.25-.044l.247-.035l.242-.027l.237-.019l.347-.016l.225-.003c1.386.004 2.759.263 4.049.764l.384.158a.74.74 0 0 0 .625 0c.19-.1.326-.281.369-.492l1.454-7.28a.73.73 0 0 0-.364-.786zm40.682.185a.71.71 0 0 0-.604-.318h-7.895a.74.74 0 0 0-.675.46l-9.554 24.76L483.5 41.8a.74.74 0 0 0-.676-.46h-8.048a.7.7 0 0 0-.594.318a.72.72 0 0 0-.072.675l14.336 35.205l-7.915 20.571a.727.727 0 0 0 .675 1.024h7.68a.71.71 0 0 0 .666-.46l22.384-56.32a.7.7 0 0 0-.008-.604zM36.244 36.313c.09 0 .177.036.24.1L47.862 47.8a.338.338 0 0 1-.236.574h-2.908a.35.35 0 0 0-.348.338v25.6a6.14 6.14 0 0 0 1.792 4.32l1.7 1.7a.338.338 0 0 1-.236.573H34.211a6.144 6.144 0 0 1-6.143-6.143v-26.05a.34.34 0 0 0-.338-.338h-2.868a.338.338 0 0 1-.245-.574l11.386-11.386c.064-.065.15-.1.241-.1m25.159 6.595c.09 0 .177.036.24.1L73.03 54.354a.338.338 0 0 1-.246.573h-2.908a.35.35 0 0 0-.338.348v19.036a6.14 6.14 0 0 0 1.782 4.321l1.71 1.7a.338.338 0 0 1-.246.573H59.401a6.144 6.144 0 0 1-6.144-6.143V55.296a.35.35 0 0 0-.338-.348h-2.897a.338.338 0 0 1-.236-.574l11.376-11.366a.34.34 0 0 1 .241-.1m25.164 6.523c.089 0 .174.036.236.1l11.386 11.376a.338.338 0 0 1-.235.584h-2.919a.34.34 0 0 0-.338.338V74.31a6.14 6.14 0 0 0 1.792 4.321l1.7 1.7a.338.338 0 0 1-.235.573H84.529a6.144 6.144 0 0 1-6.143-6.143V61.829a.34.34 0 0 0-.338-.338H75.18a.338.338 0 0 1-.236-.584l11.387-11.376a.33.33 0 0 1 .235-.1M61.173 0c17.885.13 33.66 11.745 39.095 28.785c13.283 1.734 23.25 13.003 23.346 26.398c0 11.056-6.914 20.243-18.077 24.068l-.415.139l-.512.164V71.3c7.096-2.99 11.263-8.899 11.263-16.118c-.036-10.186-8.103-18.504-18.242-18.892l-.343-.01h-3.072l-.737-2.929c-3.618-14.936-16.94-25.49-32.306-25.6A32.92 32.92 0 0 0 31.44 26.214L30.3 28.56l-2.15.225a22.824 22.824 0 0 0-9.867 41.925l.354.222v8.704h-.051l-.768-.348A30.596 30.596 0 0 1 25.2 21.372A40.57 40.57 0 0 1 61.173 0"/></svg>How to use the Cloudinary icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cloudinary" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cloudinary" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cloudinary" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cloudinary]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cloudinary"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cloudinary"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/cloudinary.svg" alt="Cloudinary icon" width="24" height="24">Related icons in SVG Logos
Cloudinary icon in other icon sets
Cloudinary icon FAQ
Is the Cloudinary icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Cloudinary icon in React?
Install @iconify/react and render <Icon icon="logos:cloudinary" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cloudinary icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/cloudinary.svg" alt="Cloudinary icon">, or paste the SVG code inline to style it with CSS.