Untappd アイコン
fa-brands:untappd
Untappd アイコン(fa-brands:untappd)は、Font Awesome 5 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 512 のグリッドで描かれています。 Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M401.3 49.9c-79.8 160.1-84.6 152.5-87.9 173.2l-5.2 32.8c-1.9 12-6.6 23.5-13.7 33.4L145.6 497.1c-7.6 10.6-20.4 16.2-33.4 14.6c-40.3-5-77.8-32.2-95.3-68.5c-5.7-11.8-4.5-25.8 3.1-36.4l148.9-207.9c7.1-9.9 16.4-18 27.2-23.7l29.3-15.5c18.5-9.8 9.7-11.9 135.6-138.9c1-4.8 1-7.3 3.6-8c3-.7 6.6-1 6.3-4.6l-.4-4.6c-.2-1.9 1.3-3.6 3.2-3.6c4.5-.1 13.2 1.2 25.6 10c12.3 8.9 16.4 16.8 17.7 21.1c.6 1.8-.6 3.7-2.4 4.2l-4.5 1.1c-3.4.9-2.5 4.4-2.3 7.4c.1 2.8-2.3 3.6-6.5 6.1M230.1 36.4c3.4.9 2.5 4.4 2.3 7.4c-.2 2.7 2.1 3.5 6.4 6c7.9 15.9 15.3 30.5 22.2 44c.7 1.3 2.3 1.5 3.3.5c11.2-12 24.6-26.2 40.5-42.6c1.3-1.4 1.4-3.5.1-4.9c-8-8.2-16.5-16.9-25.6-26.1c-1-4.7-1-7.3-3.6-8c-3-.8-6.6-1-6.3-4.6c.3-3.3 1.4-8.1-2.8-8.2c-4.5-.1-13.2 1.1-25.6 10c-12.3 8.9-16.4 16.8-17.7 21.1c-1.4 4.2 3.6 4.6 6.8 5.4M620 406.7L471.2 198.8c-13.2-18.5-26.6-23.4-56.4-39.1c-11.2-5.9-14.2-10.9-30.5-28.9c-1-1.1-2.9-.9-3.6.5c-46.3 88.8-47.1 82.8-49 94.8c-1.7 10.7-1.3 20 .3 29.8c1.9 12 6.6 23.5 13.7 33.4l148.9 207.9c7.6 10.6 20.2 16.2 33.1 14.7c40.3-4.9 78-32 95.7-68.6c5.4-11.9 4.3-25.9-3.4-36.6"/></svg>
Untappd アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:untappd" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:untappd" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:untappd" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--untappd]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:untappd"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:untappd"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-brands/untappd.svg" alt="Untappd アイコン" width="24" height="24">
Untappd アイコン のよくある質問
Untappd アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Untappd アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-brands:untappd" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Untappd アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-brands/untappd.svg" alt="Untappd アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 5 Brands アイコン をすべて見る →
ICONYZ
