Sydney Opera House アイコン
game-icons:sydney-opera-house
Sydney Opera House アイコン(game-icons:sydney-opera-house)は、Game Icons セットの無料 SVG アイコンです(作者: GameIcons)。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
- タグ
- sydneyopera、operahouse、sydneyoperahouse
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m122.6 148.4l43.6 157.8c6.9 0 13.9 0 21.2-.1l62.9-65.8c-7.8-21.4-26.3-45.6-50.2-63.6c-22.6-16.9-49.6-28.2-76.5-28.3zm-49.37 49L104 306.6c14.1-.1 26.7-.2 43.6-.3L125.4 226c-16.2-15.4-34.21-26.3-52.17-28.6m273.47 15.2q-13.05.3-25.2 3.9c-18.9 5.5-35 16.6-44.1 28.6l43.4 60.9h14.7l46.5-86.5c-10.9-4.7-22.1-6.8-33.1-6.9zM31.53 247.7l18.2 59.2c8.99-.1 21.6-.1 35.56-.2l-13.84-49.2c-11.1-5.2-24.36-8.8-39.92-9.8m230.17 6.6l-49.3 51.8c28-.1 57-.2 86.3-.2l-36.8-51.6zm165.9 9.9c-2.9 0-5.6.1-8.3.2c-17.6 1.2-31 6.3-41.7 14.5l24.4 27.4c16.4.1 32.1.3 47 .5l38.9-31.1c-23.7-7.8-43.7-11.4-60.3-11.5m-63.5 26.6l-8.2 15.3h21.9zm-78.4 33.1c-125.6 0-244.53 1.1-252.26 1.2l-11.51 46H180.8l16-32H336l15.9 32h127L467.4 325c-37.1-.6-81.2-.9-127.7-1c-17.9-.1-36-.1-54-.1M58.4 339.1h64v18h-64zm149.6 18l-7.1 14h130.9l-7-14zM64 407c-13.18 0-29.27 4.3-42.85 8.4c-1.08.3-2.11.7-3.15 1v18.8c2.59-.8 5.39-1.7 8.36-2.6C39.28 428.7 55.19 425 64 425s18.29 3.4 28.79 7.4c10.51 4 22.01 8.6 35.21 8.6s24.7-4.6 35.2-8.6s20-7.4 28.8-7.4s18.3 3.4 28.8 7.4s22 8.6 35.2 8.6s24.7-4.6 35.2-8.6s20-7.4 28.8-7.4s18.3 3.4 28.8 7.4s22 8.6 35.2 8.6s24.7-4.6 35.2-8.6s20-7.4 28.8-7.4s24.7 3.7 37.6 7.6c3 .9 5.8 1.8 8.4 2.6v-18.8c-1-.4-2-.7-3.1-1c-13.6-4.1-29.7-8.4-42.9-8.4s-24.7 4.6-35.2 8.6s-20 7.4-28.8 7.4s-18.3-3.4-28.8-7.4s-22-8.6-35.2-8.6s-24.7 4.6-35.2 8.6s-20 7.4-28.8 7.4s-18.3-3.4-28.8-7.4s-22-8.6-35.2-8.6s-24.7 4.6-35.2 8.6s-20 7.4-28.8 7.4s-18.3-3.4-28.8-7.4S77.18 407 64 407"/></svg>Sydney Opera House アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:sydney-opera-house" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:sydney-opera-house" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:sydney-opera-house" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--sydney-opera-house]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:sydney-opera-house"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:sydney-opera-house"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/sydney-opera-house.svg" alt="Sydney Opera House アイコン" width="24" height="24">Sydney Opera House アイコン のよくある質問
Sydney Opera House アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sydney Opera House アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:sydney-opera-house" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sydney Opera House アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/sydney-opera-house.svg" alt="Sydney Opera House アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。