ICONYZ
日本語
theSVG の Alibabacloud アイコン

Alibabacloud アイコン

thesvg:alibabacloud

Alibabacloud アイコン(thesvg:alibabacloud)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M14.752 4.64h5.274C22.242 4.64 24 6.475 24 8.691V15.8a3.947 3.947 0 0 1-3.974 3.975h-5.274l1.299-1.835l3.822-1.222c.688-.23 1.146-.918 1.146-1.605v-5.81c0-.687-.458-1.375-1.146-1.605L16.05 6.475l-1.3-1.835zM2.98 15.111c0 .688.46 1.376 1.147 1.606l3.822 1.146l1.3 1.835H3.974A3.947 3.947 0 0 1 0 15.723V8.69c0-2.216 1.758-4.05 3.975-4.05h5.273L7.95 6.474L4.127 7.697c-.688.23-1.146.918-1.146 1.606z"/><path d="M16.051 11.213H8.025v1.835h8.026z"/></g></svg>

Alibabacloud アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg:alibabacloud" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg:alibabacloud" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg:alibabacloud" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--alibabacloud]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:alibabacloud"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg:alibabacloud"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/alibabacloud.svg" alt="Alibabacloud アイコン" width="24" height="24">

他のアイコンセットの Alibabacloud アイコン

Alibabacloud アイコン のよくある質問

Alibabacloud アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Alibabacloud アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg:alibabacloud" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Alibabacloud アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/alibabacloud.svg" alt="Alibabacloud アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG アイコン をすべて見る →