Taco 48 アイコン
energy-icons:taco-48
Taco 48 アイコン(energy-icons:taco-48)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M24 11c5.747 0 11.014 2.093 14.844 6.055C42.674 21.018 45 26.78 45 34a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1c0-7.22 2.325-12.982 6.156-16.945C12.986 13.093 18.253 11 24 11m0 2c-5.253 0-9.986 1.907-13.406 5.445C7.345 21.806 5.22 26.703 5.018 33h37.964c-.203-6.297-2.327-11.194-5.576-14.555C33.986 14.907 29.253 13 24 13"/><path fill="currentColor" d="M24 17c4.261 0 8.037 1.604 10.74 4.577C37.438 24.545 39 28.8 39 34h-2c0-4.8-1.438-8.545-3.74-11.077C30.963 20.396 27.739 19 24 19s-6.963 1.396-9.26 3.923C12.438 25.455 11 29.2 11 34H9c0-5.2 1.562-9.455 4.26-12.423C15.963 18.604 19.739 17 24 17"/></svg>Taco 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:taco-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:taco-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:taco-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--taco-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:taco-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:taco-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/taco-48.svg" alt="Taco 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Taco 48 アイコン のよくある質問
Taco 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Taco 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:taco-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Taco 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/taco-48.svg" alt="Taco 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。