Backstage アイコン

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

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

simple-icons:backstage

Backstage アイコン(simple-icons:backstage)は、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.519 9.3a4.5 4.5 0 0 0 .753-.58l.129-.13a5 5 0 0 0 .444-.525a3.6 3.6 0 0 0 .354-.603a2.7 2.7 0 0 0 .244-.918c.083-1.086-.56-2.166-1.995-3.037L13.669 0L6.934 6.454l-4.386 4.202l6.083 3.691a6.25 6.25 0 0 0 3.235.92c1.396 0 2.733-.493 3.72-1.44c1.073-1.028 1.43-2.358.767-3.465a2.8 2.8 0 0 0-.38-.496a5 5 0 0 0 1.081.12h.009a4.8 4.8 0 0 0 1.736-.324a4.5 4.5 0 0 0 .72-.362m-5.632 3.35c-1.082 1.037-2.823 1.19-4.24.33L5.44 10.427l3.777-3.62l4.28 2.597c1.542.935 1.457 2.225.391 3.247m.5-4.605L10.43 5.643l3.608-3.459l3.885 2.358c1.453.88 1.642 2.073.591 3.08a3.4 3.4 0 0 1-4.127.423m1.673 10.642c-1.096 1.05-2.586 1.63-4.194 1.63a6.93 6.93 0 0 1-3.59-1.02l-5.728-3.473v1.382l6.083 3.691a6.25 6.25 0 0 0 3.235.92c1.396 0 2.733-.494 3.72-1.44c.721-.69 1.12-1.519 1.102-2.323v-.1a5 5 0 0 1-.628.735zm0-2.184c-1.096 1.05-2.586 1.628-4.194 1.628a6.94 6.94 0 0 1-3.59-1.019L2.548 13.64v1.382l6.083 3.692a6.25 6.25 0 0 0 3.235.92c1.396 0 2.733-.494 3.72-1.44c.721-.69 1.12-1.519 1.102-2.324v-.1a5 5 0 0 1-.628.736zm0-2.185c-1.096 1.051-2.586 1.63-4.194 1.63a6.94 6.94 0 0 1-3.59-1.02l-5.728-3.471v1.382l6.083 3.692a6.25 6.25 0 0 0 3.235.919c1.396 0 2.733-.493 3.72-1.439c.721-.691 1.12-1.52 1.102-2.324v-.102a5 5 0 0 1-.628.737zm4.688 1.442a5.27 5.27 0 0 1-3.372 1.448v1.5a4.57 4.57 0 0 0 2.898-1.254c.784-.75 1.184-1.574 1.176-2.388v-.123a5.3 5.3 0 0 1-.702.82zm-4.688 5.108c-1.096 1.051-2.586 1.63-4.194 1.63a6.93 6.93 0 0 1-3.59-1.02l-5.728-3.471v1.382l6.083 3.691a6.25 6.25 0 0 0 3.235.92c1.396 0 2.733-.493 3.72-1.439c.721-.691 1.12-1.52 1.102-2.324v-.1a5 5 0 0 1-.628.735zm4.803-11.77q-.057.06-.115.116a5 5 0 0 1-.596.485a5 5 0 0 1-.65.392a5.3 5.3 0 0 1-1.47.487a5.5 5.5 0 0 1-.792.088a3 3 0 0 1 .07.275a3 3 0 0 1 .064.672v.541h.003a4.7 4.7 0 0 0 1.42-.31a4.5 4.5 0 0 0 1.478-.943c.045-.043.084-.087.126-.13a4.6 4.6 0 0 0 .444-.526a3.6 3.6 0 0 0 .354-.602a2.7 2.7 0 0 0 .242-.921c.005-.07.012-.139.011-.208v-.113q-.06.087-.126.173a5 5 0 0 1-.463.525zm0 4.365c-.039.04-.073.079-.112.118a5.28 5.28 0 0 1-3.372 1.448v1.494a4.57 4.57 0 0 0 2.898-1.253a4.1 4.1 0 0 0 .922-1.26a2.7 2.7 0 0 0 .242-.921q.01-.105.01-.208v-.123q-.06.09-.126.18a5 5 0 0 1-.462.525m0-2.184c-.039.039-.073.079-.112.117a5 5 0 0 1-.595.485a5 5 0 0 1-.652.392a5.35 5.35 0 0 1-2.125.57v1.495a4.57 4.57 0 0 0 2.898-1.253c.045-.043.084-.087.127-.13a4.6 4.6 0 0 0 .444-.526a3.6 3.6 0 0 0 .351-.603a2.7 2.7 0 0 0 .242-.92q.01-.106.01-.208v-.123q-.059.09-.127.18a5 5 0 0 1-.461.525z"/></svg>

Backstage アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Simple Icons の関連アイコン

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

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

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

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

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

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

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

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

Simple Icons をすべて見る →