Festavia アイコン
cbi:festavia
Festavia アイコン(cbi:festavia)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.668 13.24a.68.68 0 0 0-.913.237c-.038.057-.665 1.055-1.939 1.645l-1.521-6.274c-.038-.152-.513-.171-1.074-.038s-.96.361-.922.513l1.511 6.217c-1.103-.019-2.338-.228-4.126-2.053c-1.654-1.692-3.355-2.614-5.039-2.767l-.019-6.018c0-.162-.456-.285-1.036-.285s-1.017.133-1.017.285l.038 6.209c-2.158.627-3.422 2.367-3.489 2.452a.665.665 0 0 0 .152.922a.68.68 0 0 0 .932-.152c.009-.019 1.426-1.949 3.631-2.12c1.237-.095 2.492.371 3.766 1.369l-3.88 4.877c-.095.124.171.513.627.875s.876.532.971.408l3.803-4.781c1.787 1.692 3.213 2.082 4.781 2.101h.067c3.317 0 4.876-2.615 4.943-2.729a.657.657 0 0 0-.247-.893M6.248 5.339c0-.143.171-.152.37-.152c.21 0 .371.009.371.152v.942c0 .143-.171.114-.371.114c-.209 0-.37.029-.37-.114Zm2.548 12.559l-.599.732c-.085.114-.218.009-.38-.114c-.162-.133-.286-.238-.2-.352l.59-.732c.086-.114.2.019.361.142s.314.219.228.324m7.919-7.178c-.2.048-.352.115-.39-.028l-.218-.913c-.029-.142.123-.18.332-.228c.2-.047.362-.076.4.057l.218.913c.029.142-.142.152-.342.199"/></svg>Festavia アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:festavia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:festavia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:festavia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--festavia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:festavia"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:festavia"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/festavia.svg" alt="Festavia アイコン" width="24" height="24">Festavia アイコン のよくある質問
Festavia アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Festavia アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:festavia" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Festavia アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/festavia.svg" alt="Festavia アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。