Tapas アイコン

Q: Tapas アイコンは商用利用でも無料ですか?

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

arcticons:tapas

Tapas アイコン(arcticons:tapas)は、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
タグ: tapa

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="M9.5 42.5h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.725 25.97c.365.36.8.525 1.839.525h.527c.857 0 1.675-.696 1.826-1.556h0c.152-.859-.42-1.555-1.278-1.555h-1.053c-.858 0-1.43-.697-1.278-1.556h0c.151-.86.969-1.556 1.826-1.556h.527c1.04 0 1.474.165 1.84.525m-27.426-2.463l-1.232 6.987c-.115.648.318 1.174.967 1.174h.352M9.5 20.272h2.466m5.938 3.875c-.229 1.297-1.466 2.348-2.763 2.348h0c-1.297 0-2.163-1.051-1.934-2.348l.27-1.527c.228-1.297 1.465-2.348 2.762-2.348h0c1.297 0 2.163 1.051 1.934 2.348m-.683 3.875l1.097-6.223m13.115 3.875c-.229 1.297-1.466 2.348-2.763 2.348h0c-1.297 0-2.163-1.051-1.934-2.348l.27-1.527c.228-1.297 1.465-2.348 2.762-2.348h0c1.297 0 2.163 1.051 1.934 2.348m-.683 3.875l1.097-6.223m-12.261 3.875c-.229 1.297.637 2.348 1.934 2.348h0c1.297 0 2.534-1.051 2.763-2.348l.269-1.527c.229-1.297-.637-2.348-1.934-2.348h0c-1.297 0-2.534 1.051-2.763 2.348m.414-2.348l-1.656 9.394"/></svg>

Tapas アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Arcticons をすべて見る →