Shorts アイコン

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

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

game-icons:shorts

Shorts アイコン(game-icons:shorts)は、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
タグ: short

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M101.535 52.88c-3.966 15.398-4.738 29.582-.7 42.608h105.714v-42.61H101.534zm123.014 0v42.608h62.69v-42.61h-22.345v20.204h-18V52.88H224.55zm80.69 0v42.608h104.305c2.18-14.494 1.95-28.615-.05-42.61H305.24zm-204.6 60.608c-15.2 37.77-29.954 77.85-42.458 118.317c22.223 9.172 45.87 13.042 70.375 16.257l10.66 1.4l-18.424 58.022l-3.23.106c-8.268 28.267-14.914 57.303-16.743 89.803l-.445 7.914l-7.906.558c-26.8 1.89-48.538-5.78-67.872-15.736c-1.048 11.952-1.65 23.698-1.723 35.165c8.597 14.946 29.86 24.225 57.986 28.92c27.165 4.534 59.24 4.878 87.995 4.906c20.865-61.546 58.897-156.786 78.987-197.026l4.025-8.065c-2.232-.81-7.816-2.92-14.082-5.977c-8.07-3.94-17.42-8.583-23.02-17.596c-9.29-14.95-10.207-35.844-10.136-53.8c.07-17.954 1.99-32.905 1.99-32.905l1.144-8.926l17.853 2.283l-1.142 8.927s-1.78 13.98-1.846 30.692c-.067 16.71 2.447 36.223 7.42 44.227c1.286 2.067 8.678 7.525 15.63 10.918c6.95 3.393 13.134 5.52 13.134 5.52l8.514 2.92l-5.805 16.925l2.424 4.854c20.09 40.24 58.122 135.48 78.987 197.027c28.755-.027 60.83-.37 87.994-4.905c28.124-4.694 49.388-13.972 57.986-28.916c-.074-11.415-.69-23.123-1.756-35.046c-19.273 9.895-40.94 17.493-67.627 15.61l-7.905-.557l-.445-7.914c-1.83-32.5-8.475-61.536-16.744-89.803l-3.23-.106l-15.17-47.775l-3.253-10.25l10.66-1.398c24.326-3.19 47.807-7.03 69.89-16.058c-12.582-40.713-27.318-80.93-42.214-118.516H100.64zm-57.85 131.07c-4.104 8.318-6.67 16.978-7.235 26.544c18.53 9.355 41.86 18.283 72.02 18.537l8.027-25.286c-24.327-3.487-48.99-8.4-72.81-19.797zm426.42 0c-23.822 11.396-48.485 16.31-72.812 19.796l8.03 25.285c30.157-.255 53.488-9.183 72.017-18.538c-.566-9.566-3.13-18.226-7.236-26.545zM36.616 291.694c-6.152 24.697-10.976 50.186-14.61 76.39c19.114 10.99 37.874 19.79 61.52 19.954c2.367-29.072 8.276-55.42 15.428-80.556c-24.862-1.463-45.573-8.246-62.338-15.79zm438.766 0c-16.765 7.543-37.476 14.326-62.338 15.79c7.152 25.136 13.06 51.483 15.428 80.554c23.646-.165 42.406-8.964 61.52-19.956c-3.634-26.203-8.458-51.692-14.61-76.39z"/></svg>

Shorts アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:shorts"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Game Icons をすべて見る →