Taco アイコン

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

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

boxicons:taco

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

アイコンセット: Boxicons
作者: Boxicons
ライセンス: 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="M14 6h-4c-4.11 0-7.53 4.22-7.96 9.83c-.04.56.15 1.12.53 1.53s.91.64 1.46.64h14.96v-.02c.82-.04 1.6-.41 2.13-1.04c.57-.67.81-1.54.67-2.4c-.83-5.03-4.03-8.55-7.8-8.55Zm-9.96 9.98C4.38 11.51 7 8 10 8c.19 0 .37.01.55.04c.07.01.15.03.22.04c.11.02.21.04.31.07c.09.02.18.06.26.09c.09.03.17.06.26.09c.09.04.18.09.28.13c.08.04.15.07.23.12c.09.05.18.11.27.17c.07.05.14.09.21.14c.09.06.17.13.26.2c.07.06.14.11.21.17c.08.07.16.15.24.23c.07.07.14.14.2.21c.07.08.15.16.22.25c.07.08.13.16.2.24c.07.09.13.18.2.27c.06.09.13.18.19.27s.12.19.18.29s.12.2.17.3c.06.1.11.2.16.31c.05.1.1.21.15.32s.1.22.15.34c.04.1.08.21.12.32c.05.13.09.25.14.38c.03.1.06.21.1.31c.04.14.08.28.12.43c.03.1.05.2.07.3c.04.15.07.31.1.46c.02.1.04.21.05.31a16 16 0 0 1 .15 1.2l-11.92-.02Zm15.57-.33a1 1 0 0 1-.75.35c-.5 0-.91-.39-.98-.92c0-.07-.02-.13-.03-.19c-.02-.12-.04-.23-.06-.34a18 18 0 0 0-.17-.91c-.53-2.29-1.57-4.23-2.94-5.57c2.45.43 4.55 3.16 5.15 6.81c.06.38-.11.65-.22.78Z"/><path fill="currentColor" d="M13.5 13a.5.5 0 1 0 0 1a.5.5 0 1 0 0-1m-2-2a.5.5 0 1 0 0 1a.5.5 0 1 0 0-1m-1 2a.5.5 0 1 0 0 1a.5.5 0 1 0 0-1"/></svg>

Taco アイコンの使い方

React

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

<Icon icon="boxicons:taco" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:taco" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:taco" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="boxicons:taco"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/boxicons/taco.svg" alt="Taco アイコン" width="24" height="24">

Boxicons の関連アイコン

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

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

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

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

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

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

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

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

Boxicons をすべて見る →