Amazon Rds アイコン

Q: Amazon Rds アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:amazon-rds

Amazon Rds アイコン(selfhst:amazon-rds)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: amazonrds

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill-rule="evenodd" d="m31.2 18.3l85 85l-12.9 12.9l-85-85v69.4H0V9.1C0 4.1 4.1 0 9.1 0h91.4v18.3zM512 9.1v91.4h-18.3V31.2l-85 85l-12.9-12.9l85-85h-69.4V0h91.4c5.1 0 9.2 4.1 9.2 9.1m-18.3 402.3H512v91.4c0 5-4.1 9.1-9.1 9.1h-91.4v-18.3h69.4l-85-85l12.9-12.9l85 85v-69.3zm-377.5-2.7l-85 85h69.4V512H9.1C4 512 0 507.9 0 502.9v-91.4h18.3v69.4l85-85zM256 110.5c-57.2 0-118.9 13.2-118.9 42.1v200.6c0 29.4 59.8 44.8 118.9 44.8s118.9-15.4 118.9-44.8V152.6c0-28.9-61.7-42.1-118.9-42.1m100.6 242.6c0 9-35.5 26.5-100.6 26.5s-100.6-17.5-100.6-26.5v-37.7c22.2 13.1 61.6 19.8 100.8 19.8c39 0 78.2-6.7 100.3-19.8v37.7zm0-62.5c0 9.3-38.1 26.4-100.3 26.4c-62.6 0-100.8-17.1-100.8-26.4v-45c22.2 13.1 61.6 19.8 100.8 19.8c39 0 78.2-6.8 100.3-19.8zm0-69.8c0 9.3-38.1 26.4-100.3 26.4c-62.6 0-100.8-17.1-100.8-26.4v-44.4c22.5 12.4 62.5 18.3 100.6 18.3s78.1-5.9 100.6-18.3v44.4zM256 176.3c-65.3 0-100.6-16.9-100.6-23.8s35.2-23.8 100.6-23.8c65.3 0 100.6 16.9 100.6 23.8c0 7-35.3 23.8-100.6 23.8"/><path fill="#f90" fill-rule="evenodd" d="M489.1 248.8c0-30.3-35-60.3-93.7-80.2l5.9-17.3c67.4 22.8 106.1 58.4 106.1 97.5s-38.7 74.7-106.1 97.5l-5.9-17.3c58.7-19.9 93.7-49.8 93.7-80.2m-465.7 0c0 29.1 32.8 58.3 87.7 78.1l-6.2 17.2c-63.4-22.9-99.8-57.6-99.8-95.3s36.4-72.4 99.8-95.3l6.2 17.2c-54.9 19.9-87.7 49-87.7 78.1"/></svg>

Amazon Rds アイコンの使い方

React

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

<Icon icon="selfhst:amazon-rds" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:amazon-rds" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:amazon-rds" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--amazon-rds]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:amazon-rds"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:amazon-rds"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/amazon-rds.svg" alt="Amazon Rds アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Amazon Rds アイコンのよくある質問

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →