Billboard アイコン
simple-icons:billboard
Billboard アイコン(simple-icons:billboard)は、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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.697 11.025H4.82v3.418H3.697Zm1.356-1.337h1.124v4.755H5.053Zm1.357 0h1.124v4.755H6.41Zm13.22 1.69v-.353h-1.124v3.418h1.124v-1.629c0-.42.22-.645.619-.645h.133V10.99c-.34.014-.586.12-.752.386M4.26 9.502a.652.652 0 1 0 0 1.304a.652.652 0 0 0 0-1.304m12.89 1.782c-.158-.172-.525-.315-.804-.315c-.85 0-1.458.56-1.607 1.392a1.75 1.75 0 0 0-1.707-1.412c-.856 0-1.557.621-1.71 1.434c-.15-.845-.814-1.405-1.638-1.405c-.306 0-.559.066-.779.22v-1.51H7.781v4.755h1.104v-.313c.266.246.552.36.904.36c.76 0 1.399-.595 1.535-1.414a1.74 1.74 0 0 0 1.708 1.41a1.74 1.74 0 0 0 1.699-1.377c.143.853.819 1.387 1.627 1.387c.279 0 .585-.093.791-.246v.193h1.124v-1.496l-.001-.18l.001-.18V11.03H17.15zm-7.586 2.117a.652.652 0 1 1 0-1.303a.652.652 0 0 1 0 1.303m3.468-.052a.652.652 0 1 1 .001-1.304a.652.652 0 0 1 0 1.304m3.378.02a.652.652 0 1 1 0-1.303a.652.652 0 0 1 0 1.304m6.467-3.683v1.51c-.22-.153-.472-.22-.778-.22c-.938 0-1.67.726-1.67 1.77c0 .984.705 1.742 1.563 1.742c.353 0 .639-.113.905-.359v.313H24V9.687Zm-.662 3.707a.652.652 0 1 1 0-1.304a.652.652 0 0 1 0 1.304M1.902 10.979c-.306 0-.559.066-.778.22v-1.51H0v4.755h1.104v-.313c.266.246.552.36.905.36c.857 0 1.562-.76 1.562-1.743c0-1.044-.731-1.77-1.669-1.77m-.12 2.423a.652.652 0 1 1 0-1.303a.652.652 0 0 1 0 1.303"/></svg>Billboard アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:billboard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:billboard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:billboard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--billboard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:billboard"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:billboard"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/billboard.svg" alt="Billboard アイコン" width="24" height="24">他のアイコンセットの Billboard アイコン
Billboard アイコン のよくある質問
Billboard アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Billboard アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:billboard" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Billboard アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/billboard.svg" alt="Billboard アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。