Simcity アイコン
arcticons:simcity
Simcity アイコン(arcticons:simcity)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.5 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.837 17.759L24 21.771l8.163-4.012m2.682 24.738v-8.264l-2.682-1.319L24 36.927l-8.163-4.013l-2.682 1.319L24 39.563l10.845-5.33m-4.746-20.566L24 8.991l-6.099 4.676L24 16.665z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.901 13.667v3.062L24 19.727l6.099-2.998v-3.062M24 8.991v7.674M13.155 34.233v8.264M24 39.563v2.934"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.163 32.914V17.759l-2.064-1.03M15.837 32.914V17.759l2.064-1.03M24 36.927V21.771m-7.356 17.146v3.58m3.234-2.349v2.349m11.253-3.58v3.58m-3.235-2.349v2.349m-9.349-10.793V21.629m2.662 11.429V22.982m8.018 8.722V21.629m-2.661 11.429V22.982"/></svg>Simcity アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:simcity" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:simcity" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:simcity" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--simcity]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:simcity"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:simcity"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/simcity.svg" alt="Simcity アイコン" width="24" height="24">Simcity アイコン のよくある質問
Simcity アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Simcity アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:simcity" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Simcity アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/simcity.svg" alt="Simcity アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。