ICONYZ
日本語
theSVG の Antennapod アイコン

Antennapod アイコン

thesvg:antennapod

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 7.188 10.98l3.339-9.459a2.118 2.118 0 1 1 2.946 0l3.339 9.46A12 12 0 0 0 24 12A12 12 0 0 0 12 0m0 2.824a9.177 9.177 0 0 1 4.969 16.892l-.486-1.376a7.765 7.765 0 1 0-8.967 0l-.485 1.376A9.177 9.177 0 0 1 12 2.824m0 3.529a5.647 5.647 0 0 1 3.739 9.879l-.521-1.478a4.235 4.235 0 1 0-6.436 0l-.522 1.478A5.647 5.647 0 0 1 12 6.353m0 8.298l-1.618 4.584a7.4 7.4 0 0 0 3.236 0zm-2.21 6.258l-.937 2.656A12 12 0 0 0 12 24a12 12 0 0 0 3.146-.435l-.937-2.656a9.2 9.2 0 0 1-2.209.267a9.2 9.2 0 0 1-2.21-.267"/></svg>

Antennapod アイコンの使い方

React

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

<Icon icon="thesvg:antennapod" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:antennapod" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:antennapod" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:antennapod"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/antennapod.svg" alt="Antennapod アイコン" width="24" height="24">

他のアイコンセットの Antennapod アイコン

Antennapod アイコン のよくある質問

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

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

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

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

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

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

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