Attractions アイコン
material-symbols-light:attractions
Attractions アイコン(material-symbols-light:attractions)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 旅行
- タグ
- amusement、entertainment、ferris、fun、maps、park、places、wheel、attraction、attractions sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m6.575 21.27l1.158-2.59q-.427-.293-.82-.614q-.392-.32-.75-.716q-.161.075-.339.113q-.178.037-.345.037q-.71 0-1.22-.51q-.511-.511-.511-1.22q0-.404.184-.769t.5-.601q-.2-.575-.293-1.162T4.044 12t.095-1.237t.294-1.163q-.317-.237-.501-.601t-.184-.768q0-.71.51-1.22q.511-.511 1.22-.511q.168 0 .346.038q.178.037.34.112q.825-.9 1.868-1.51t2.243-.89q.087-.635.591-1.077q.505-.442 1.14-.442t1.14.426t.59 1.055q1.239.28 2.282.887T17.887 6.6q.161-.075.317-.093t.317-.018q.71 0 1.22.51q.511.51.511 1.22q0 .404-.18.763t-.493.595q.2.58.294 1.177q.094.596.094 1.246t-.094 1.263t-.294 1.187q.292.237.463.576q.172.34.172.743q0 .71-.511 1.22q-.51.511-1.22.511q-.162 0-.318-.028t-.317-.083q-.358.396-.728.722t-.841.62l1.107 2.538h-1.003l-.912-2.084q-.427.207-.848.349q-.421.141-.887.255q-.086.628-.59 1.054t-1.14.426t-1.14-.442t-.591-1.077q-.471-.113-.895-.255q-.424-.141-.851-.349l-.95 2.123zm1.477-3.39l1.973-4.384q-.254-.315-.387-.692q-.132-.377-.132-.804q0-1.021.74-1.76q.739-.74 1.76-.74t1.76.74t.74 1.76q0 .427-.155.82t-.414.726l1.973 4.373q.34-.219.649-.478q.308-.258.585-.58q-.202-.219-.297-.495q-.095-.275-.095-.597q0-.8.637-1.327q.636-.526 1.378-.365q.15-.5.245-1.007t.094-1.07t-.094-1.076t-.245-1.012q-.742.161-1.36-.366q-.616-.527-.616-1.327q0-.282.11-.553q.11-.27.282-.489q-.725-.783-1.63-1.292q-.903-.51-1.936-.785q-.178.483-.613.788q-.435.304-.998.304t-.998-.304t-.614-.788q-1.044.275-1.948.788q-.904.512-1.629 1.3q.172.22.282.49t.11.553q0 .819-.63 1.324t-1.373.368q-.15.5-.225 1.007T4.906 12t.075 1.07t.225 1.007q.704-.161 1.354.356t.65 1.336q0 .321-.095.572q-.096.251-.298.47q.277.322.586.567t.649.503m.808.465q.352.183.735.312q.384.128.8.242q.178-.483.613-.788q.434-.304.998-.304t.998.304q.435.305.613.788q.396-.114.765-.223q.368-.11.72-.293l-1.873-4.211q-.281.144-.577.236q-.296.091-.646.091q-.356 0-.674-.094t-.6-.283z"/></svg>Attractions アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:attractions" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:attractions" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:attractions" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--attractions]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:attractions"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:attractions"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/attractions.svg" alt="Attractions アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Attractions アイコン
Attractions アイコン のよくある質問
Attractions アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Attractions アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:attractions" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Attractions アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/attractions.svg" alt="Attractions アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。