Aws Codepipeline アイコン
logos:aws-codepipeline
Aws Codepipeline アイコン(logos:aws-codepipeline)は、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
- タグ
- awscodepipeline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGte2wIbLN" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#2e27ad"/><stop offset="100%" stop-color="#527fff"/></linearGradient></defs><path fill="url(#SVGte2wIbLN)" d="M0 0h256v256H0z"/><path fill="#fff" d="M96 99.2h16v-6.4H96zm21.334 96.531l-5.92-2.429l24.295-59.27l5.92 2.429zm28.493-17.235l17.59-15.43l-17.577-15.236l4.195-4.838l20.349 17.642a3.2 3.2 0 0 1 1.104 2.41a3.2 3.2 0 0 1-1.091 2.415l-20.349 17.85zM81.63 163.354a3.2 3.2 0 0 1 1.081-2.416l20.279-17.927l4.237 4.797l-17.533 15.498l17.437 15.03l-4.183 4.848l-20.211-17.427a3.2 3.2 0 0 1-1.107-2.403M200.112 112H59.088C52.976 112 48 107.027 48 100.915V99.2h38.4v-6.4H48V59.085C48 52.973 52.976 48 59.088 48h141.024c6.112 0 11.088 4.973 11.088 11.085V92.8h-89.6v6.4h89.6v1.715c0 6.112-4.976 11.085-11.088 11.085M70.4 211.2h115.2v-92.8H70.4zM200.112 41.6H59.088c-9.645 0-17.488 7.843-17.488 17.485v41.83c0 9.642 7.843 17.485 17.488 17.485H64v96a3.2 3.2 0 0 0 3.2 3.2h121.6a3.2 3.2 0 0 0 3.2-3.2v-96h8.112c9.645 0 17.488-7.843 17.488-17.485v-41.83c0-9.642-7.843-17.485-17.488-17.485"/></svg>Aws Codepipeline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:aws-codepipeline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:aws-codepipeline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:aws-codepipeline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--aws-codepipeline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:aws-codepipeline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:aws-codepipeline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/aws-codepipeline.svg" alt="Aws Codepipeline アイコン" width="24" height="24">SVG Logos の関連アイコン
aws
aws-amplify
aws-api-gateway
aws-app-mesh
aws-appflow
aws-appsync
aws-athena
aws-aurora
aws-backup
aws-batch
aws-certificate-manager
aws-cloudformation
aws-cloudfront
aws-cloudsearch
aws-cloudtrail
aws-cloudwatch
aws-codebuild
aws-codecommit
aws-codedeploy
aws-codestar
aws-cognito
aws-config
aws-documentdb
aws-dynamodb
Aws Codepipeline アイコン のよくある質問
Aws Codepipeline アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Aws Codepipeline アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:aws-codepipeline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Aws Codepipeline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/aws-codepipeline.svg" alt="Aws Codepipeline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。