ICONYZ
日本語
SVG Logos の Aws Athena アイコン

Aws Athena アイコン

logos:aws-athena

Aws Athena アイコン(logos:aws-athena)は、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
タグ
awsathena
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGusebDeuy" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#4d27a8"/><stop offset="100%" stop-color="#a166ff"/></linearGradient></defs><path fill="url(#SVGusebDeuy)" d="M0 0h256v256H0z"/><path fill="#fff" d="M122.544 87.126c14.375 0 22.25 3.22 23.685 4.835c-1.436 1.615-9.31 4.836-23.685 4.836s-22.249-3.22-23.684-4.836c1.435-1.615 9.309-4.835 23.684-4.835m-1.636 25.778a1.63 1.63 0 0 1-.898-1.448c0-.896.724-1.628 1.61-1.628c.257 0 .492.074.711.187zm18.508 26.587c-.238.193-.785.567-1.909 1.019c-1 .4-2.185.76-3.529 1.076c-3.57.839-7.96 1.3-12.361 1.3c-9.627 0-16.335-2.08-17.78-3.37L99.57 99.684c6.54 2.675 16.173 3.562 22.973 3.562c6.686 0 16.11-.86 22.646-3.434l-2.55 17.519c-4.806-1.812-10.802-4.443-16.485-7.209c-.578-2.005-2.378-3.481-4.535-3.481c-2.617 0-4.745 2.163-4.745 4.816c0 2.66 2.128 4.82 4.745 4.82c.62 0 1.21-.13 1.75-.348c7.94 3.92 13.858 6.434 18.31 7.985zM92.39 92.31l5.142 48.01c.362 8.91 23.106 9.013 24.085 9.013c4.869 0 9.766-.522 13.79-1.463c1.649-.387 3.142-.845 4.434-1.364c3.755-1.509 5.724-3.566 5.86-6.11l2.141-14.713c1.458.3 2.65.432 3.599.432c2.989 0 3.776-1.225 4.32-2.07c.571-.89.736-1.982.47-3.082c-.61-2.527-4.177-5.854-6.56-7.83l3.012-20.701l-.029-.003c.013-.158.064-.306.064-.468c0-8.907-18.968-11.283-30.174-11.283S92.371 83.054 92.371 91.96c0 .12.041.226.047.345zm28.684-28.12c27.683 0 50.205 22.861 50.205 50.96c0 28.1-22.522 50.96-50.205 50.96c-27.687 0-50.209-22.86-50.209-50.96c0-28.099 22.522-50.96 50.209-50.96m-79.522 69.682v6.447h28.586v-.38c9.137 19.26 28.506 32.619 50.936 32.619c31.183 0 56.557-25.752 56.557-57.407c0-31.656-25.374-57.408-56.557-57.408c-24.263 0-44.943 15.617-52.96 37.442H41.552v6.448h24.612c-.99 4.15-1.572 8.453-1.62 12.895H35.2v6.448h29.605c.448 4.478 1.455 8.779 2.858 12.896zm173.104 77.44c-3.843 3.907-10.507 3.93-14.347.036l-34.125-34.64a76.8 76.8 0 0 0 14.595-14.544l33.915 34.59a10.28 10.28 0 0 1 2.954 7.275a10.28 10.28 0 0 1-2.992 7.283m4.535-19.11l-34.674-35.37c7.687-12.012 12.171-26.32 12.171-41.681c0-42.323-33.921-76.751-75.614-76.751c-29.961 0-57.13 17.983-69.221 45.814l5.812 2.599c11.075-25.491 35.963-41.965 63.409-41.965c38.193 0 69.262 31.536 69.262 70.303c0 38.763-31.07 70.303-69.262 70.303c-25.514 0-48.89-14.176-61.014-36.994l-5.59 3.062c13.228 24.908 38.752 40.38 66.604 40.38c14.578 0 28.2-4.22 39.759-11.507l34.988 35.514c3.106 3.153 7.239 4.891 11.628 4.891c4.415 0 8.572-1.75 11.691-4.92c3.126-3.153 4.854-7.356 4.86-11.84c.01-4.479-1.702-8.683-4.809-11.839"/></svg>

Aws Athena アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

SVG Logos の関連アイコン

aws アイコン
aws
 aws-amplify アイコン
aws-amplify
 aws-api-gateway アイコン
aws-api-gateway
 aws-app-mesh アイコン
aws-app-mesh
 aws-appflow アイコン
aws-appflow
 aws-appsync アイコン
aws-appsync
 aws-aurora アイコン
aws-aurora
 aws-backup アイコン
aws-backup
 aws-batch アイコン
aws-batch
 aws-certificate-manager アイコン
aws-certificate-manager
 aws-cloudformation アイコン
aws-cloudformation
 aws-cloudfront アイコン
aws-cloudfront
 aws-cloudsearch アイコン
aws-cloudsearch
 aws-cloudtrail アイコン
aws-cloudtrail
 aws-cloudwatch アイコン
aws-cloudwatch
 aws-codebuild アイコン
aws-codebuild
 aws-codecommit アイコン
aws-codecommit
 aws-codedeploy アイコン
aws-codedeploy
 aws-codepipeline アイコン
aws-codepipeline
 aws-codestar アイコン
aws-codestar
 aws-cognito アイコン
aws-cognito
 aws-config アイコン
aws-config
 aws-documentdb アイコン
aws-documentdb
 aws-dynamodb アイコン
aws-dynamodb

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

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

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

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

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

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

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

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