Festival Rounded アイコン
material-symbols:festival-rounded
Festival Rounded アイコン(material-symbols:festival-rounded)は、Material Symbols セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- circus、event、festival、local、maps、places、tent、tour、travel、festivalrounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.75 22q-1 0-1.6-.812t-.4-1.838q.275-1.275.375-2.55t.125-2.55q-1.025-.4-1.638-1.275T1 11v-.7q0-.575.338-1.05t.887-.7Q4.6 7.6 6.7 6.2t4.05-3.05q.275-.225.588-.337T12 2.7t.663.113t.587.337Q15.2 4.8 17.3 6.2t4.475 2.35q.55.225.888.7T23 10.3v.7q0 1.1-.612 1.975T20.75 14.25q.025 1.275.125 2.55t.375 2.55q.2 1.025-.4 1.838t-1.6.812zM5.9 9h12.2q-1.65-.925-3.162-2T12 4.7Q10.575 5.925 9.063 7T5.9 9m8.6 3.5q.625 0 1.063-.437T16 11h-3q0 .625.438 1.063t1.062.437m-5 0q.625 0 1.063-.437T11 11H8q0 .625.438 1.063T9.5 12.5m-5 0q.625 0 1.063-.437T6 11H3q0 .625.438 1.063T4.5 12.5m.15 7.5h2.675q.225-1.5.35-2.975t.2-2.975q-.25-.125-.462-.263T7 13.45q-.35.35-.8.6t-.95.375q-.05 1.425-.175 2.813T4.65 20m4.7 0h5.3q-.2-1.375-.312-2.75t-.188-2.775q-.625-.05-1.175-.312T12 13.475q-.425.425-.975.688t-1.175.312q-.075 1.4-.187 2.775T9.35 20m7.325 0h2.675q-.3-1.375-.425-2.762t-.175-2.813q-.5-.125-.95-.363t-.8-.612q-.2.2-.413.338t-.462.262q.075 1.5.213 2.975T16.675 20m2.825-7.5q.625 0 1.063-.437T21 11h-3q0 .625.438 1.063t1.062.437"/></svg>Festival Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:festival-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:festival-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:festival-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--festival-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:festival-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:festival-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/festival-rounded.svg" alt="Festival Rounded アイコン" width="24" height="24">Material Symbols の関連アイコン
他のアイコンセットの Festival Rounded アイコン
Festival Rounded アイコン のよくある質問
Festival Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Festival Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:festival-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Festival Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/festival-rounded.svg" alt="Festival Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。