Playground Slide アイコン
twemoji:playground-slide
Playground Slide アイコン(twemoji:playground-slide)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 旅行・場所
- タグ
- playgroundslide
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#aeb3b2" d="M34.5 32.423a.5.5 0 0 1-.5-.5V29.5a.5.5 0 0 1 1 0v2.423a.5.5 0 0 1-.5.5M26 35.236V32.5a.5.5 0 0 0-1 0v2.736a.5.5 0 0 0 1 0m-6-1.892V28.5a.5.5 0 0 0-1 0v4.844a.5.5 0 0 0 1 0M17.488.991a.497.497 0 0 0-.608-.36A2.5 2.5 0 0 0 15 3.052v4.382l-.914 3.427l-7.906 2.635l.801-2.862L7 6.052c0-.686.464-1.283 1.128-1.453c.268-.068.429-.341.36-.608s-.337-.43-.608-.361A2.5 2.5 0 0 0 6 6.052v4.379L1.259 27.365a.5.5 0 0 0 .962.27l.468-1.671l8.088-2.696l-.294 1.103a.5.5 0 0 0 .967.258l4.533-17L16 3.052c0-.686.464-1.283 1.128-1.453a.5.5 0 0 0 .36-.608m-3.71 11.027l-.692 2.594l-7.961 2.654l.73-2.606zm-1.692 6.343L4.07 21.033l.73-2.606l7.978-2.659zm-9.071 6.441l.73-2.606l8.033-2.678l-.692 2.594z"/><path fill="#dd551f" d="M34.686 25.856a8.1 8.1 0 0 1-4.1-3.65L23.041 8.272a6.46 6.46 0 0 0-3.761-3.104l-3.63-1.145A.5.5 0 0 0 15 4.5v3c0 .218.142.411.35.477l1.508.476a5.47 5.47 0 0 1 3.183 2.626l7.299 13.479a10.52 10.52 0 0 0 5.333 4.75l1.643.657A.5.5 0 0 0 35 29.5v-3.18a.5.5 0 0 0-.314-.464"/><path fill="#fa8948" d="M34.686 25.856a8.1 8.1 0 0 1-4.1-3.65L23.041 8.272a6.46 6.46 0 0 0-3.761-3.104l-3.63-1.145A.5.5 0 0 0 15 4.5v.248l3.573 1.127a6.47 6.47 0 0 1 3.761 3.104l7.545 13.933a8.08 8.08 0 0 0 4.1 3.65a.5.5 0 0 1 .314.464v2.928l.022.009a.5.5 0 0 0 .465-.049a.5.5 0 0 0 .22-.414v-3.18a.5.5 0 0 0-.314-.464"/><path fill="#faa572" d="M20.919 10.603a6.47 6.47 0 0 0-3.761-3.104l-1.508-.476a.5.5 0 0 0-.309.003l-9 3a.5.5 0 0 0 .009.951l1.508.476a5.47 5.47 0 0 1 3.183 2.626a.5.5 0 0 0 .597.236l9-3a.497.497 0 0 0 .281-.712"/><path fill="#fac19c" d="M29.854 26.275a9.5 9.5 0 0 1-1.637-2.194l-7.299-13.479a.5.5 0 0 0-.598-.236l-9 3a.5.5 0 0 0-.282.713l7.299 13.479a10.5 10.5 0 0 0 1.809 2.425a.5.5 0 0 0 .512.12l9-3a.5.5 0 0 0 .196-.828"/><path fill="#faa572" d="M34.658 29.974a.501.501 0 0 0 .028-.938l-1.643-.657a9.4 9.4 0 0 1-3.188-2.103a.5.5 0 0 0-.512-.121l-9 3a.5.5 0 0 0-.195.827a10.45 10.45 0 0 0 3.524 2.325l1.643.657a.5.5 0 0 0 .343.01z"/><path fill="#dd551f" d="M25.686 28.856a8.1 8.1 0 0 1-4.1-3.65l-7.545-13.933a6.46 6.46 0 0 0-3.761-3.104L6.65 7.023A.5.5 0 0 0 6 7.5v3c0 .218.142.411.35.477l1.508.476a5.47 5.47 0 0 1 3.183 2.626l7.299 13.479a10.52 10.52 0 0 0 5.333 4.75l1.643.657A.5.5 0 0 0 26 32.5v-3.18a.5.5 0 0 0-.314-.464"/><path fill="#fa8948" d="M25.686 28.856a8.1 8.1 0 0 1-4.1-3.65l-7.545-13.933a6.46 6.46 0 0 0-3.761-3.104L6.65 7.023A.5.5 0 0 0 6 7.5v.248l3.573 1.127a6.47 6.47 0 0 1 3.761 3.104l7.545 13.933a8.08 8.08 0 0 0 4.1 3.65a.5.5 0 0 1 .314.464v2.928l.022.009a.5.5 0 0 0 .465-.049a.5.5 0 0 0 .22-.414v-3.18a.5.5 0 0 0-.314-.464"/><path fill="#aeb3b2" d="M10.5 8.742a.5.5 0 0 1-.5-.5v-2.19c0-.467-.212-.898-.58-1.185a1.49 1.49 0 0 0-1.292-.268a.5.5 0 0 1-.248-.968a2.49 2.49 0 0 1 2.153.447c.614.477.967 1.196.967 1.974v2.189a.5.5 0 0 1-.5.501m9-3a.5.5 0 0 1-.5-.5v-2.19c0-.467-.212-.898-.58-1.185a1.49 1.49 0 0 0-1.292-.269a.5.5 0 0 1-.248-.968a2.48 2.48 0 0 1 2.153.447c.614.478.967 1.197.967 1.975v2.189a.5.5 0 0 1-.5.501"/></svg>Playground Slide アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:playground-slide" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:playground-slide" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:playground-slide" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--playground-slide]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:playground-slide"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:playground-slide"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/playground-slide.svg" alt="Playground Slide アイコン" width="24" height="24">他のアイコンセットの Playground Slide アイコン
Playground Slide アイコン のよくある質問
Playground Slide アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Playground Slide アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:playground-slide" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Playground Slide アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/playground-slide.svg" alt="Playground Slide アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。