Sand Castle アイコン

Q: Sand Castle アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:sand-castle

Sand Castle アイコン(game-icons:sand-castle)は、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
タグ: sandcastle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M265 30.563v66.874L331.873 64L265 30.562zm-18 58.55c-21.999.542-43.607 3.059-61.74 7.371a12.642 21.07 76.697 0 1 4.097 5.422a12.642 21.07 76.697 0 1-17.595 17.153a12.642 21.07 76.697 0 1-23.414-7.455a12.642 21.07 76.697 0 1-.065-.374c-1.235.86-2.404 1.728-3.426 2.604C139.197 118.686 137 123 137 128s2.197 9.314 7.857 14.166s14.7 9.532 25.989 13.295C193.423 162.987 224.75 167 256 167s62.577-4.013 85.154-11.54c11.289-3.762 20.328-8.442 25.989-13.294C372.803 137.314 375 133 375 128s-2.197-9.314-7.857-14.166s-14.7-9.532-25.989-13.295c-8.382-2.794-17.983-5.093-28.326-6.89L265 117.561V128h-18zm-115.613 65.135l-22.934 103.197a21.07 12.642 10.04 0 1 1.195-.025a21.07 12.642 10.04 0 1 5.631.53a21.07 12.642 10.04 0 1 18.543 16.122a21.07 12.642 10.04 0 1-22.95 8.774a21.07 12.642 10.04 0 1-7.56-2.266l-28.96 130.322a21.07 12.642 18.4 0 1 1.582-.015a21.07 12.642 18.4 0 1 9.504 1.71a21.07 12.642 18.4 0 1 16.001 18.647a21.07 12.642 18.4 0 1-23.984 5.346a21.07 12.642 18.4 0 1-5.281-2.262c1.218 4.319 3.639 8.37 7.244 12.518c7.599 8.744 21.108 17.054 38.768 23.736c22.028 8.335 50.276 14.214 80.835 17.459c.092-16.515.797-40.42 6.249-62.225c3.2-12.799 8-25.02 16.101-34.62C229.471 381.593 241.5 375 256 375s26.528 6.594 34.629 16.195c3.072 3.641 5.667 7.66 7.883 11.944a21.07 12.642 0 0 1 21.049 12.642a21.07 12.642 0 0 1-12.479 11.531c5.118 21.398 5.807 44.59 5.897 60.729c30.559-3.245 58.807-9.124 80.835-17.459c1.5-.567 2.957-1.15 4.395-1.74a12.642 21.07 68.16 0 1-4.576-4.625a12.642 21.07 68.16 0 1 14.855-19.574a12.642 21.07 68.16 0 1 11.864-2.375a12.642 21.07 68.16 0 1 11.779 5.072c.148-.165.308-.33.451-.494c7.599-8.744 10.002-17.04 6.764-28.373l-.073-.258l-41.218-185.483a12.642 21.07 79.96 0 1-6.057 1.653a12.642 21.07 79.96 0 1-22.951-8.774a12.642 21.07 79.96 0 1 18.543-16.123a12.642 21.07 79.96 0 1 5.187-.506l-12.164-54.734a50 50 0 0 1-1.756 1.586c-8.34 7.148-19.3 12.468-32.011 16.705C321.423 181.013 288.75 185 256 185c-5.695 0-11.386-.13-17.04-.373a21.07 12.642 0 0 1-20.446 9.654a21.07 12.642 0 0 1-21.069-12.642a21.07 12.642 0 0 1 .104-1.252c-11.605-1.965-22.548-4.566-32.395-7.848c-12.711-4.237-23.672-9.557-32.011-16.705a50 50 0 0 1-1.756-1.586m217.396 157.697a21.07 12.642 0 0 1 21.07 12.643a21.07 12.642 0 0 1-21.07 12.642a21.07 12.642 0 0 1-21.07-12.642a21.07 12.642 0 0 1 21.07-12.643"/></svg>

Sand Castle アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:sand-castle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:sand-castle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:sand-castle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--sand-castle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:sand-castle"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:sand-castle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/sand-castle.svg" alt="Sand Castle アイコン" width="24" height="24">

Game Icons の関連アイコン

他のアイコンセットの Sand Castle アイコン

Sand Castle アイコンのよくある質問

Sand Castle アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Sand Castle アイコンを使うには?

@iconify/react をインストールして <Icon icon="game-icons:sand-castle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Sand Castle アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/sand-castle.svg" alt="Sand Castle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Game Icons をすべて見る →