ICONYZ
日本語
Arcticons の Innertune アイコン

Innertune アイコン

arcticons:innertune

Innertune アイコン(arcticons:innertune)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Arcticons
作者
Donnnno
ライセンス
CC-BY-SA-4.0
サイズ
48 × 48
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.352 31.41c-.645-.35-1.408-.387-2.137-.39H9.99c-4.59.088-7.066 5.53-4.385 9.18c.036.05.097.13.135.178c2.71 3.404 8.384 2.362 9.871-1.658c.022-.058.055-.153.074-.211c.656-2.024.24-4.698.225-6.82v-13.68c0-.462.38-.826.83-.928c3.236-.733 3.602-5.72.06-6.658a5 5 0 0 0-.218-.051c-2.21-.454-3.87 1.281-4.123 3.338c-.007.061-.017.16-.022.222c-.164 1.825.003 3.75.01 5.585v11.839c0 .061-.043.085-.097.056Zm19.535-3.44c-1.762-.536-3.514-.59-5.158.35c-.053.03-.14.082-.192.115c-3.026 1.897-3.475 6.54-.88 8.987l.166.15c3.012 2.611 8.162 1.4 9.341-2.536c.018-.06.045-.156.06-.215c.59-2.248.243-4.939.232-7.264V15.04c0-1.044.838-2.004 1.873-2.145c1.834-.251 3.71-.578 4.961-1.466c.05-.036.128-.1.172-.142c1.827-1.76 1.15-5.88-1.31-5.705a4 4 0 0 0-.223.024c-5.647.686-11.65 1.683-17.314 2.758l-.219.043c-2.89.67-3.253 5.61-.446 6.372c.06.017.158.023.22.017c3.424-.324 5.49-.63 6.737-.884c1.085-.22 1.907.26 1.922 1.382l.163 12.598c.001.062-.046.097-.105.079Z"/></svg>

Innertune アイコンの使い方

React

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

<Icon icon="arcticons:innertune" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:innertune" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:innertune" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:innertune"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/innertune.svg" alt="Innertune アイコン" width="24" height="24">

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

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →