Aws Shield アイコン

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

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

logos:aws-shield

Aws Shield アイコン(logos:aws-shield)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 256
タグ: awsshield

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGYPnorcPn" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#bd0816"/><stop offset="100%" stop-color="#ff5252"/></linearGradient></defs><path fill="url(#SVGYPnorcPn)" d="M0 0h256v256H0z"/><path fill="#fff" d="M172.834 159.998h-6.4v12.8h-12.8v6.4h12.8v12.8h6.4v-12.8h12.8v-6.4h-12.8zm22.4 16c0-14.115-11.485-25.6-25.6-25.6s-25.6 11.485-25.6 25.6s11.485 25.6 25.6 25.6s25.6-11.484 25.6-25.6m6.4 0c0 17.645-14.355 32-32 32s-32-14.355-32-32c0-17.644 14.355-32 32-32s32 14.356 32 32m-86.4 9.508V71.858l-35.2 13.539v65.001c.039 1.325 1.267 33.216 35.2 35.108m41.6-45.668V85.397l-35.2-13.54V185.48c3.712-.246 7.159-.902 10.355-1.917c.432 2.141 1.07 4.205 1.84 6.202c-4.688 1.469-9.824 2.233-15.395 2.233c-43.389 0-44.79-41.113-44.8-41.53v-67.27c0-1.324.816-2.512 2.051-2.988l41.6-16a3.23 3.23 0 0 1 2.298 0l41.6 16a3.2 3.2 0 0 1 2.051 2.988v54.98c-2.201.37-4.34.93-6.4 1.66M143.218 203.8a38.7 38.7 0 0 0 5.815 4.547c-8.816 3.994-19.066 6.013-30.599 6.013c-20.246 0-36.387-6.16-47.971-18.307c-20.58-21.578-19.293-54.035-19.226-55.405l-.003-70.25c0-1.308.797-2.483 2.013-2.972l64-25.6a3.23 3.23 0 0 1 2.374 0l64 25.6a3.205 3.205 0 0 1 2.013 2.972v70.4s.007.141.013.343a38 38 0 0 0-6.41-2.279l-.003-66.297l-60.8-24.32l-60.8 24.32v68.233c-.02.458-1.2 31.31 17.491 50.87c10.327 10.81 24.9 16.292 43.31 16.292c9.24 0 17.52-1.414 24.783-4.16"/></svg>

Aws Shield アイコンの使い方

React

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

<Icon icon="logos:aws-shield" width="24" />

Vue

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

<template>
  <Icon icon="logos:aws-shield" width="24" />
</template>

Svelte

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

<Icon icon="logos:aws-shield" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--aws-shield]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:aws-shield"></div>

Web コンポーネント

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

<iconify-icon icon="logos:aws-shield"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/aws-shield.svg" alt="Aws Shield アイコン" width="24" height="24">

SVG Logos の関連アイコン

Aws Shield アイコンのよくある質問

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →