Dynamodb Light アイコン

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

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

skill-icons:dynamodb-light

Dynamodb Light アイコン(skill-icons:dynamodb-light)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Skill Icons
作者: tandpfun
ライセンス: MIT
サイズ: 256 × 256
タグ: dynamodblight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#5294cf" d="M154.197 229.852h2.467l40.261-20.133l.67-.947V48.068l-.67-.952L156.664 27h-2.497z"/><path fill="#1f5b98" d="M101.802 229.852h-2.5l-40.228-20.133l-.816-1.404l-.414-159.428l1.23-1.77L99.301 27h2.532z"/><path fill="#2d72b8" d="M99.372 27h57.253v202.852H99.372z"/><path fill="#1a476f" d="m218 123.869l-1.361-.302l-19.425-1.811l-.289.143l-40.297-1.611H99.372l-40.298 1.611v-30.73l-.042.023l.042-.09l40.298-9.337h57.256l40.297 9.337l14.814 7.875v-5.063L218 93.23l-.648-1.264l-19.823-14.174l-.604.196L156.628 65.5H99.372L59.074 77.987v-30.87L38 71.804v21.562l.163-.118l6.098.665v5.167L38 102.43v21.455l.163-.017l6.098.09v9.005l-5.261.078l-1-.095v21.463l6.26 3.366v5.226l-5.998.663l-.262-.197v21.558l21.074 24.693V178.85l40.298 12.487h57.256l40.416-12.524l.537.236l19.562-13.966l.857-1.391l-6.261-.691v-5.121l-.82-.328l-13.39 7.218l-.485 1.012l-40.416 9.284v.011H99.372v-.011l-40.298-9.323v-30.842l40.298 1.606v.039h57.256l40.297-1.645l.918.422l18.829-1.621l1.328-.649l-6.261-.09v-9.005z"/><path fill="#2d72b8" d="M196.925 178.851v30.868L218 185.027v-21.418l-20.953 15.206zm0-13.039l.122-.028L218 154.514v-21.55l-21.075 1.938zm.122-74.682l-.122-.027v30.796l21.075 1.97v-21.54zm0-13.022L218 93.229V71.811l-21.075-24.695v30.87l.122.043z"/></g></svg>

Dynamodb Light アイコンの使い方

React

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

<Icon icon="skill-icons:dynamodb-light" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:dynamodb-light" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:dynamodb-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--dynamodb-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:dynamodb-light"></div>

Web コンポーネント

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

<iconify-icon icon="skill-icons:dynamodb-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/skill-icons/dynamodb-light.svg" alt="Dynamodb Light アイコン" width="24" height="24">

Skill Icons の関連アイコン

Dynamodb Light アイコンのよくある質問

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

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

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

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

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

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

Skill Icons をすべて見る →