ICONYZ
日本語
theSVG Color の Apprise Api アイコン

Apprise Api アイコン

thesvg-color:apprise-api

Apprise Api アイコン(thesvg-color:apprise-api)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 154 × 154 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
154 × 154
タグ
appriseapi
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="154" height="154" viewBox="0 0 154 154"><g transform="translate(.11 .11)"><circle cx="76.89" cy="76.89" r="75" fill="#148c80" stroke="#000" stroke-width="4"/><g fill="#e6ecec" stroke="#c7d1d1" stroke-width="2.5"><path d="m57.845 108.94l-11.872 6.608l9.213 16.552c1.461 2.626 4.66 3.536 7.285 2.075l6.278-3.494c2.625-1.462 3.537-4.66 2.076-7.285l-8.959-16.095c-1.383.47-2.702 1.055-4.021 1.639zm15.342-78.806a4.67 4.67 0 0 0-3.83 3.327l-.05.178l-.253.89c-.204.71-.62 1.84-1.09 3.146a92 92 0 0 1-5.078 10.752c-4.347 7.502-11.09 16.34-20.805 22.793L26.1 80.115l15.947 28.652l15.867-8.831c1.32-.585 2.638-1.17 4.021-1.64c9.26-3.51 18.7-4.28 26.2-3.968c4.86.136 8.92.717 11.814 1.35c1.472.227 2.538.53 3.25.733l.888.253c.114-.063.177.05.177.05a4.67 4.67 0 0 0 4.847-1.501c1.165-1.397 1.367-3.452.477-5.05L77.566 32.63c-.775-1.66-2.514-2.638-4.38-2.496zM16.513 103.99l.063.114l.064.115c3.622 6.507 11.186 9.621 18.126 7.852L19.391 84.447a16.15 16.15 0 0 0-2.878 19.542zm82.556-78.394c-1.8.255-3.004 2.121-2.635 3.86c.255 1.801 2.12 3.005 3.86 2.636c9.806-1.72 19.72 2.928 24.612 11.717s3.555 19.551-3.075 26.98c-1.166 1.396-1.076 3.44.207 4.668a3.33 3.33 0 0 0 3.82.416c.342-.19.685-.38.85-.621c8.582-9.562 10.247-23.496 4.02-34.683c-6.226-11.187-19.01-17.23-31.659-14.973z"/><path d="M115.2 49.21c-3.748-6.734-11.452-10.371-19.052-8.981c-1.801.255-3.005 2.12-2.637 3.859c.255 1.801 2.121 3.005 3.86 2.637c4.757-.854 9.594 1.388 11.944 5.611s1.707 9.515-1.526 13.11c-1.166 1.396-1.075 3.439.208 4.668a3.33 3.33 0 0 0 3.82.416c.342-.19.685-.38.85-.623c5.362-5.675 6.281-13.962 2.532-20.697z"/></g></g></svg>

Apprise Api アイコンの使い方

React

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

<Icon icon="thesvg-color:apprise-api" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:apprise-api" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:apprise-api" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--apprise-api]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:apprise-api"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:apprise-api"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/apprise-api.svg" alt="Apprise Api アイコン" width="24" height="24">

Apprise Api アイコン のよくある質問

Apprise Api アイコンは商用利用でも無料ですか?

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

React で Apprise Api アイコンを使うには?

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

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

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

theSVG Color アイコン をすべて見る →