Playground Slide アイコン
openmoji:playground-slide
Playground Slide アイコン(openmoji:playground-slide)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 旅行・場所
- タグ
- playgroundslide
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M17.419 28.499L9.931 52.603l9.884-.064l5.371-18.18l-3.44-7.328z"/><path fill="#d22f27" d="m29.243 22.941l1.764-6.88l.015-.07a4.59 4.59 0 0 1 2.379-3.14c1.985-.88 4.13.52 4.804 3.14l1.819 7.09l13.874 22.58a8.12 8.12 0 0 0 6.759 4.24h2.364a1.92 1.92 0 0 1 1.607 2.12l-.076 4.787c0 1.105-.659 2.483-1.763 2.483h-2.824l-.08-4.795h-.516a10.72 10.72 0 0 1-9.13-5.097L36.446 27.031H27.16l1.124-4.373z"/><path fill="#d0cfce" d="m42.095 48.973l-3.158-3.735l-10-16.274v-1.933h7.51s9.492 13.544 12.46 18.358c1.919 3.111 2.973 5.03 4.743 6.25a30 30 0 0 1 2.823 2.858h3.413v4.79H47.479l2.447-2.984v-4.402a2 2 0 0 0-2-2z"/><path fill="#ea5a47" d="M21.746 27.03h-8.252l2.811-10.97l.015-.07a4.59 4.59 0 0 1 2.38-3.14c1.985-.88 4.13.52 4.804 3.14l1.818 7.09l13.875 22.58a8.12 8.12 0 0 0 6.759 4.24H49c.512 0 .926.415.926.927v6.55a.926.926 0 0 1-.926.926l-.983.933H41.46z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M24.861 37.751L18.52 58.303m-2.49-28.06l-8.658 28.06M22.138 33.84h-6.712m8.169 6.436H13.441m8.169 6.435H11.455m8.17 6.436H9.47m38.649-7.185L36.447 27.031h-8.332m25.088 31.272h6.682v-3.806h-.516c-1.937 0-3.839-.525-5.502-1.519"/><path d="m29.243 22.941l1.764-6.88l.015-.07a4.59 4.59 0 0 1 2.379-3.14c1.985-.88 4.13.52 4.804 3.14l1.819 7.09l13.874 22.58a8.12 8.12 0 0 0 6.759 4.24h1.97a2 2 0 0 1 2 2v4.402a2 2 0 0 1-2 2h-2.742"/><path d="M21.746 27.03h-8.252l2.811-10.97l.015-.07a4.59 4.59 0 0 1 2.38-3.14c1.985-.88 4.13.52 4.804 3.14l1.818 7.09l13.875 22.58a8.12 8.12 0 0 0 6.759 4.24h1.97a2 2 0 0 1 2 2v4.403a2 2 0 0 1-2 2h-6.904z"/></g></svg>Playground Slide アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:playground-slide" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:playground-slide" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:playground-slide" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--playground-slide]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:playground-slide"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:playground-slide"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/playground-slide.svg" alt="Playground Slide アイコン" width="24" height="24">他のアイコンセットの Playground Slide アイコン
Playground Slide アイコン のよくある質問
Playground Slide アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Playground Slide アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:playground-slide" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Playground Slide アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/playground-slide.svg" alt="Playground Slide アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。