Ferris Wheel アイコン

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

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

twemoji:ferris-wheel

Ferris Wheel アイコン(twemoji:ferris-wheel)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Twitter Emoji
作者: Twitter
ライセンス: CC-BY-4.0
サイズ: 36 × 36
カテゴリ: 旅行・場所
タグ: ferriswheel

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M30.806 15.347H19.201l8.205-8.205l-.707-.707l-8.205 8.205V3.036h-1V14.64L9.288 6.435l-.707.707l8.206 8.205H5.182v1h11.605l-8.206 8.206l.707.707l8.206-8.206v11.605h1V17.055l8.205 8.205l.707-.707l-8.205-8.206h11.605z"/><path fill="#aab8c2" d="M17.994 1.394c-7.982 0-14.453 6.471-14.453 14.453S10.012 30.3 17.994 30.3c7.983 0 14.454-6.471 14.454-14.453c-.001-7.982-6.472-14.453-14.454-14.453m0 26.683c-6.755 0-12.23-5.475-12.23-12.23s5.475-12.23 12.23-12.23c6.754 0 12.23 5.475 12.23 12.23s-5.475 12.23-12.23 12.23"/><path fill="#aab8c2" d="M17.993 23.374c-4.15 0-7.526-3.377-7.526-7.527s3.376-7.526 7.526-7.526s7.528 3.376 7.528 7.526s-3.376 7.527-7.528 7.527m0-13.553c-3.323 0-6.026 2.704-6.026 6.026s2.704 6.027 6.026 6.027c3.324 0 6.028-2.704 6.028-6.027s-2.704-6.026-6.028-6.026"/><path fill="#8899a6" d="m27.279 34.429l-8.376-18.344c-.021-.046-.058-.076-.085-.117c-.038-.059-.072-.118-.123-.169s-.11-.085-.17-.123c-.041-.027-.071-.064-.117-.085c-.012-.005-.024-.003-.035-.008c-.064-.027-.132-.034-.201-.047c-.061-.011-.121-.03-.182-.03c-.054 0-.106.018-.161.027c-.075.013-.149.022-.219.051c-.011.005-.023.003-.034.008c-.044.02-.074.057-.114.082c-.061.039-.121.074-.173.125s-.086.111-.124.171c-.026.04-.063.07-.083.115L8.709 34.429a1 1 0 0 0 1.819.83l7.465-16.351l7.465 16.351a1 1 0 0 0 1.821-.83"/><path fill="#553788" d="M12.9 36H7.079a1 1 0 1 1 0-2H12.9a1 1 0 1 1 0 2m15.999 0h-5.82a1 1 0 1 1 0-2h5.82a1 1 0 1 1 0 2"/><path fill="#744eaa" d="M21.284 29.819a2.78 2.78 0 0 1-2.779 2.779h-1.112a2.779 2.779 0 1 1 0-5.558h1.112a2.78 2.78 0 0 1 2.779 2.779"/><path fill="#cbb7ea" d="M21.227 29.263a2.78 2.78 0 0 0-2.723-2.224h-1.112a2.78 2.78 0 0 0-2.724 2.224z"/><path fill="#5c913b" d="M11.017 26.527a2.78 2.78 0 0 1-2.779 2.779H7.126a2.779 2.779 0 1 1 0-5.558h1.112a2.78 2.78 0 0 1 2.779 2.779"/><path fill="#c6e5b3" d="M10.96 25.971a2.78 2.78 0 0 0-2.723-2.224H7.126a2.78 2.78 0 0 0-2.724 2.224z"/><path fill="#3b94d9" d="M34.977 17.633a2.78 2.78 0 0 1-2.779 2.779h-1.112a2.779 2.779 0 1 1 0-5.558h1.112a2.777 2.777 0 0 1 2.779 2.779"/><path fill="#bbddf5" d="M34.921 17.077a2.78 2.78 0 0 0-2.723-2.224h-1.112a2.78 2.78 0 0 0-2.723 2.224z"/><path fill="#5c913b" d="M31.644 7.887a2.78 2.78 0 0 1-2.779 2.779h-1.112a2.779 2.779 0 1 1 0-5.558h1.112a2.78 2.78 0 0 1 2.779 2.779"/><path fill="#c6e5b3" d="M31.588 7.331a2.78 2.78 0 0 0-2.723-2.224h-1.112a2.78 2.78 0 0 0-2.723 2.224z"/><path fill="#be1931" d="M31.644 26.527a2.78 2.78 0 0 1-2.779 2.779h-1.112a2.779 2.779 0 1 1 0-5.558h1.112a2.78 2.78 0 0 1 2.779 2.779"/><path fill="#f4abba" d="M31.588 25.971a2.78 2.78 0 0 0-2.723-2.224h-1.112a2.78 2.78 0 0 0-2.723 2.224z"/><path fill="#be1931" d="M11.017 7.887a2.78 2.78 0 0 1-2.779 2.779H7.126a2.779 2.779 0 1 1 0-5.558h1.112a2.78 2.78 0 0 1 2.779 2.779"/><path fill="#f4abba" d="M10.96 7.331a2.78 2.78 0 0 0-2.723-2.224H7.126a2.78 2.78 0 0 0-2.724 2.224z"/><path fill="#744eaa" d="M21.284 2.876a2.78 2.78 0 0 1-2.779 2.779h-1.112a2.779 2.779 0 1 1 0-5.558h1.112a2.78 2.78 0 0 1 2.779 2.779"/><path fill="#cbb7ea" d="M21.227 2.32A2.78 2.78 0 0 0 18.504.096h-1.112a2.78 2.78 0 0 0-2.724 2.224z"/><path fill="#3b94d9" d="M7.682 17.633a2.78 2.78 0 0 1-2.779 2.779H3.79a2.779 2.779 0 1 1 0-5.558h1.112a2.78 2.78 0 0 1 2.78 2.779"/><path fill="#bbddf5" d="M7.625 17.077a2.78 2.78 0 0 0-2.723-2.224H3.79a2.78 2.78 0 0 0-2.724 2.224z"/><path fill="#553788" d="M14.952 15.847a3.041 3.041 0 1 1 6.082 0a3.041 3.041 0 0 1-6.082 0"/></svg>

Ferris Wheel アイコンの使い方

React

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

<Icon icon="twemoji:ferris-wheel" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:ferris-wheel" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:ferris-wheel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--ferris-wheel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:ferris-wheel"></div>

Web コンポーネント

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

<iconify-icon icon="twemoji:ferris-wheel"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/ferris-wheel.svg" alt="Ferris Wheel アイコン" width="24" height="24">

他のアイコンセットの Ferris Wheel アイコン

Ferris Wheel アイコンのよくある質問

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

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

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

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

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

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

Twitter Emoji アイコンをすべて見る →