Outline Attractions アイコン
ic:outline-attractions
Outline Attractions アイコン(ic:outline-attractions)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Google Material Icons
- 作者
- Material Design Authors
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 地図
- タグ
- amusement、attractions、entertainment、ferris、fun、maps、park、places、wheel、outlineattractions、attraction
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.15 14.42c.23-.77.35-1.58.35-2.42s-.12-1.65-.35-2.42c.78-.6 1.02-1.7.51-2.58s-1.58-1.23-2.49-.85a8.53 8.53 0 0 0-4.18-2.42C13.85 2.75 13.01 2 12 2s-1.85.75-1.98 1.73a8.56 8.56 0 0 0-4.19 2.42c-.91-.38-1.98-.03-2.49.85s-.27 1.98.51 2.58c-.23.77-.35 1.58-.35 2.42s.12 1.65.35 2.42c-.78.6-1.02 1.7-.51 2.58s1.58 1.23 2.49.85c.4.42.83.79 1.3 1.12L5.78 22h1.88l.98-2.19c.44.19.9.34 1.38.46c.13.98.97 1.73 1.98 1.73s1.85-.75 1.98-1.73c.46-.11.91-.26 1.34-.44L16.3 22h1.88l-1.34-3c.48-.34.93-.72 1.34-1.15c.91.38 1.99.03 2.49-.85s.26-1.98-.52-2.58m-6.59 4.33c-.37-.46-.93-.75-1.56-.75s-1.2.29-1.57.75c-.4-.09-.79-.21-1.16-.37l1.43-3.19a3.52 3.52 0 0 0 2.56.02l1.42 3.18c-.36.15-.73.27-1.12.36m-3.08-6.73c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5m8.23 1.99c-.61.07-1.18.41-1.52.99c-.32.56-.34 1.2-.12 1.75c-.28.29-.58.55-.9.79l-1.5-3.35c.49-.59.78-1.34.78-2.16c0-1.89-1.55-3.41-3.46-3.41s-3.46 1.53-3.46 3.41c0 .8.28 1.54.75 2.13l-1.52 3.39c-.31-.23-.6-.48-.87-.76c.26-.56.24-1.22-.09-1.79c-.34-.59-.93-.94-1.56-.99c-.22-.68-.33-1.4-.33-2.15c0-.64.09-1.26.25-1.85c.66-.03 1.3-.38 1.65-1c.37-.63.35-1.38.01-1.98c.92-.98 2.11-1.69 3.45-2.03c.34.59.99 1 1.73 1s1.39-.4 1.73-1c1.34.34 2.53 1.07 3.44 2.05c-.32.59-.33 1.33.03 1.95c.35.6.96.95 1.6 1c.16.59.25 1.21.25 1.86c0 .75-.12 1.47-.34 2.15"/></svg>
Outline Attractions アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ic:outline-attractions" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ic:outline-attractions" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ic:outline-attractions" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--outline-attractions]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:outline-attractions"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ic:outline-attractions"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ic/outline-attractions.svg" alt="Outline Attractions アイコン" width="24" height="24">
Google Material Icons の関連アイコン
Outline Attractions アイコン のよくある質問
Outline Attractions アイコンは商用利用でも無料ですか?
はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Outline Attractions アイコンを使うには?
@iconify/react をインストールして <Icon icon="ic:outline-attractions" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Outline Attractions アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ic/outline-attractions.svg" alt="Outline Attractions アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Google Material Icons をすべて見る →
