Logo Yandex Cloud アイコン
gravity-ui:logo-yandex-cloud
Logo Yandex Cloud アイコン(gravity-ui:logo-yandex-cloud)は、Gravity UI Icons セットの無料 SVG アイコンです（作者: YANDEX LLC）。 24 × 24 のグリッドで描かれています。 Gravity UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Gravity UI Icons
- 作者
- YANDEX LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- logoyandex、yandexcloud、logoyandexcloud
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.732 5.26a1.6 1.6 0 0 1-.162.322q.14-.026.29-.025l3.542.024a.25.25 0 0 1 .23.342l-1.215 3.052c-.304.768-.875 2.29-1.232 2.969c-.345.655-.78 1.233-1.375 1.627c-.592.393-1.28.565-1.993.642c-.702.075-1.897.091-2.892.081h-.002l-3.736-.05a.25.25 0 0 1-.23-.34L4.2 10.7q.038-.097.089-.19a2 2 0 0 1-.138.009l-3.543.029a.25.25 0 0 1-.236-.34l1.17-3.07c.293-.773.841-2.303 1.187-2.986c.336-.66.763-1.244 1.35-1.648c.587-.402 1.272-.584 1.985-.67c.7-.087 1.895-.121 2.89-.126h.002l3.737-.006a.25.25 0 0 1 .235.337zm.117 1.797a.11.11 0 0 0-.1.067l-.085.216c-.305.773-.563 1.427-.838 1.943c-.286.548-.621.996-1.124 1.33c-.502.333-1.028.464-1.663.53l-.002.001c-.442.045-.947.054-2.15.034l-.188-.003a.11.11 0 0 0-.1.068l-.592 1.525l1.936.026c.995.01 2.109-.008 2.713-.073c.593-.063 1.012-.192 1.325-.4c.31-.206.599-.549.877-1.076c.307-.584.826-1.97 1.165-2.823v-.001l.539-1.353zm-1.343-.774q-.136.024-.276.025h-.193c-1.208-.001-1.63.016-1.97.056c-.51.061-.767.154-.986.305c-.22.15-.403.366-.613.783l-.003.006c-.22.427-.436.994-.742 1.805v.001l-.083.218q-.04.105-.093.201q.084-.008.172-.007l.19.002h.003c1.208.02 1.629.009 1.97-.026l.18-.022c.395-.054.617-.139.81-.268c.222-.146.41-.36.626-.774l.003-.005c.226-.424.45-.989.768-1.794v-.002l.086-.216q.061-.153.15-.288M8.96 3.208c-.995.005-2.11.04-2.714.114c-.591.072-1.009.207-1.318.42c-.308.21-.591.558-.861 1.09c-.299.589-.797 1.98-1.122 2.839v.001l-.52 1.36l1.713-.013a.11.11 0 0 0 .099-.069l.083-.217c.293-.78.542-1.441.81-1.962c.278-.55.606-1 1.102-1.34s1.021-.48 1.655-.556h.002c.441-.052.945-.068 2.146-.066h.19a.11.11 0 0 0 .1-.07l.57-1.534z"/></svg>
Logo Yandex Cloud アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gravity-ui:logo-yandex-cloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gravity-ui:logo-yandex-cloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gravity-ui:logo-yandex-cloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--logo-yandex-cloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:logo-yandex-cloud"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gravity-ui:logo-yandex-cloud"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/gravity-ui/logo-yandex-cloud.svg" alt="Logo Yandex Cloud アイコン" width="24" height="24">
Logo Yandex Cloud アイコン のよくある質問
Logo Yandex Cloud アイコンは商用利用でも無料ですか?
はい。Gravity UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Logo Yandex Cloud アイコンを使うには?
@iconify/react をインストールして <Icon icon="gravity-ui:logo-yandex-cloud" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Logo Yandex Cloud アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gravity-ui/logo-yandex-cloud.svg" alt="Logo Yandex Cloud アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Gravity UI Icons をすべて見る →
