Cloudinary Icon アイコン
logos:cloudinary-icon
Cloudinary Icon アイコン(logos:cloudinary-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 168 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 168
- タグ
- cloudinaryicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="168" viewBox="0 0 256 168"><path fill="#3448c5" d="M75.06 75.202a.7.7 0 0 1 .498.208l23.56 23.581a.7.7 0 0 1-.488 1.188h-6.022a.72.72 0 0 0-.721.7v53.015a12.72 12.72 0 0 0 3.71 8.949l3.52 3.52a.7.7 0 0 1-.487 1.187H70.85c-7.027 0-12.723-5.696-12.723-12.723v-53.948a.7.7 0 0 0-.7-.7h-5.938a.7.7 0 0 1-.509-1.188l23.581-23.58a.7.7 0 0 1 .499-.21m52.103 13.656a.7.7 0 0 1 .498.209l23.581 23.496a.7.7 0 0 1-.509 1.188h-6.022a.72.72 0 0 0-.7.72v39.423a12.72 12.72 0 0 0 3.69 8.949l3.541 3.52a.7.7 0 0 1-.509 1.187h-27.716c-7.027 0-12.724-5.696-12.724-12.723v-40.313a.72.72 0 0 0-.7-.721h-6a.7.7 0 0 1-.488-1.188l23.56-23.538a.7.7 0 0 1 .498-.209m52.114 13.51c.183 0 .36.075.487.207l23.581 23.56a.7.7 0 0 1-.487 1.209h-6.044a.7.7 0 0 0-.7.7v25.85a12.72 12.72 0 0 0 3.711 8.949l3.52 3.52a.7.7 0 0 1-.487 1.187h-27.801c-7.027 0-12.724-5.696-12.724-12.723v-26.784a.7.7 0 0 0-.7-.7h-5.937a.7.7 0 0 1-.488-1.208l23.58-23.56a.68.68 0 0 1 .489-.207M126.686-.002c37.04.27 69.71 24.323 80.964 59.614c27.51 3.59 48.15 26.928 48.35 54.668c0 22.895-14.319 41.921-37.438 49.842l-.86.289l-1.06.339v-17.092c14.695-6.192 23.326-18.428 23.326-33.378c-.075-21.097-16.782-38.323-37.78-39.126l-.709-.02h-6.361l-1.527-6.066c-7.494-30.93-35.08-52.79-66.905-53.015a68.18 68.18 0 0 0-61.576 38.23l-2.36 4.861l-4.454.467c-20.112 2.151-36.627 16.862-41.08 36.593c-4.39 19.449 3.898 39.527 20.646 50.231l.734.46v18.025h-.106l-1.59-.721C11.744 152.636-2.99 126.08.51 98.616c3.502-27.463 24.428-49.474 51.68-54.358C66.912 16.851 95.575-.177 126.686-.002"/></svg>Cloudinary Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cloudinary-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cloudinary-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cloudinary-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cloudinary-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cloudinary-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cloudinary-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/cloudinary-icon.svg" alt="Cloudinary Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Cloudinary Icon アイコン のよくある質問
Cloudinary Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cloudinary Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:cloudinary-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloudinary Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/cloudinary-icon.svg" alt="Cloudinary Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。