Tower アイコン

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

はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

simple-icons:tower

Tower アイコン(simple-icons:tower)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.733 11.831c.324 0 .442.028.564.084a.73.73 0 0 1 .3.249c.077.11.126.22.186.538l.265 1.415l.015.081H2.937l.015-.08l.265-1.416c.06-.318.109-.429.186-.538a.73.73 0 0 1 .3-.25c.122-.055.24-.083.564-.083zm1.149 3.052l-1.227 1.743c-.174.246-.248.325-.343.401a.9.9 0 0 1-.315.163c-.117.034-.224.05-.525.05H5.528c-.301 0-.408-.016-.525-.05a.9.9 0 0 1-.315-.163c-.095-.076-.169-.155-.343-.401l-1.227-1.743l-.007-.01h17.778zM2.232 0h19.536c.482 0 .657.05.834.144a1 1 0 0 1 .408.41c.095.176.145.35.145.833v.945c0 .482-.05.657-.145.833a1 1 0 0 1-.408.409c-.177.094-.352.144-.834.144H2.232c-.482 0-.657-.05-.834-.144a1 1 0 0 1-.408-.41c-.095-.175-.145-.35-.145-.832v-.945C.845.904.895.73.99.553a1 1 0 0 1 .408-.409C1.575.05 1.75 0 2.232 0m5.273 4.733l1.028 6.422H4.637L2.75 4.731Zm8.651 0l-1.088 6.422H9.209L8.121 4.732Zm5.094.002l-1.88 6.422h-3.63l1.025-6.423zM8.106 18.254a18 18 0 0 1 1.567 5.45a.34.34 0 0 0 .335.296h3.972c.17 0 .313-.127.334-.296a18 18 0 0 1 1.567-5.45z"/></svg>

Tower アイコンの使い方

React

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

<Icon icon="simple-icons:tower" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:tower" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:tower" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--tower]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:tower"></div>

Web コンポーネント

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

<iconify-icon icon="simple-icons:tower"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/tower.svg" alt="Tower アイコン" width="24" height="24">

他のアイコンセットの Tower アイコン

Tower アイコンのよくある質問

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

はい。Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Simple Icons をすべて見る →