Ancient Ruins アイコン
game-icons:ancient-ruins
Ancient Ruins アイコン(game-icons:ancient-ruins)は、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
- タグ
- ancientruins、ruin
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m277.822 18l-33.46 5.637l20.41 20.41l42.12-5.5L457.26 171.332l8.892 52.78l-188.006-57.487l-8.16 12.145L494 247.27v-65.372L321.695 18zm-55.242 9.307L42.775 57.597l-14.457 47.276l195.346 59.732c3.162-2.613 6.453-5.325 12.973-10.673L71.084 103.31l34.695-36.474l2.195-2.31L242.262 46.99L222.58 27.31zm78.53 30.146l-20.282 2.65l23.832 23.83l-32.492 10.833l46.45 11.61l-29.983 44.634l154.928 47.373l-2.995-17.778l-139.46-123.152zm-42.794 5.59L116.626 81.55l-12.427 13.063l149.204 45.625c10.38-8.434 21.128-17.107 30.07-24.093l-75.64-18.91l63.506-21.17zM148.13 164.598l-26.595 26.595l-11.867-23.734l-14.95 44.843l-27.23-40.846L53.434 424.46c34.415 5.734 70.622 6.06 109.13-.075zm-5.134 43.134l6 202l-17.992.536l-6-202zm-69.992.004l17.992.528l-6 204l-17.992-.528zM99 208h18v208H99zm310 57v42.73c15.296 4.103 50.7 4.374 85 3.99V265zm-21.236 64c-3.1 2.538-6.47 4.89-10.202 6.822c-6.376 3.302-14.134 5.18-22.37 3.875c-4.783-.758-9.604-2.636-14.467-5.408L327.155 375H439v-46zM457 329v46h37v-46zm-185.658 17.377c-8.592 4.21-16.74 8.066-23.008 13.033c-5.09 4.035-9.18 8.75-12.11 15.59h78.05zM237.104 393c6.465 18.295 8.62 33.21 8.447 46H247v-46zM265 393v46h110v-46zm186.73 0l-46.003 46H494v-46zM195 442.203c-36.733 4.718-73.905 6.542-111.535 5.186l-3.414 4.45l35.934 6.764l-34.38 29.76c38.292 1.366 76.09-.08 113.396-4.42zm-174 .014v41.69a820 820 0 0 0 34.656 3.113l20.36-17.624l-28.067-5.283l13.704-17.867a670 670 0 0 1-40.654-4.03zM243.748 457c-2.055 11.088-5.47 20.656-8.2 30H311v-30zM329 457v30h110v-30zm128 0v30h37v-30z"/></svg>Ancient Ruins アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:ancient-ruins" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:ancient-ruins" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:ancient-ruins" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--ancient-ruins]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:ancient-ruins"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:ancient-ruins"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/ancient-ruins.svg" alt="Ancient Ruins アイコン" width="24" height="24">Game Icons の関連アイコン
Ancient Ruins アイコン のよくある質問
Ancient Ruins アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ancient Ruins アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:ancient-ruins" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ancient Ruins アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/ancient-ruins.svg" alt="Ancient Ruins アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。