Ferris Wheel Linear アイコン
solar:ferris-wheel-linear
Ferris Wheel Linear アイコン(solar:ferris-wheel-linear)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- UI
- タグ
- ferriswheel、wheellinear、ferriswheellinear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="11" r="2"/><path d="M20.5 7.5C20.5 8.05228 20.0523 8.5 19.5 8.5C18.9477 8.5 18.5 8.05228 18.5 7.5C18.5 6.94772 18.9477 6.5 19.5 6.5C20.0523 6.5 20.5 6.94772 20.5 7.5Z"/><path d="M20.5 16C20.5 16.5523 20.0523 17 19.5 17C18.9477 17 18.5 16.5523 18.5 16C18.5 15.4477 18.9477 15 19.5 15C20.0523 15 20.5 15.4477 20.5 16Z"/><path d="M5.5 7.5C5.5 8.05228 5.05228 8.5 4.5 8.5C3.94772 8.5 3.5 8.05228 3.5 7.5C3.5 6.94772 3.94772 6.5 4.5 6.5C5.05228 6.5 5.5 6.94772 5.5 7.5Z"/><path d="M5.5 16C5.5 16.5523 5.05228 17 4.5 17C3.94772 17 3.5 16.5523 3.5 16C3.5 15.4477 3.94772 15 4.5 15C5.05228 15 5.5 15.4477 5.5 16Z"/><path d="M12 2.5C12.5523 2.5 13 2.94772 13 3.5C13 4.05228 12.5523 4.5 12 4.5C11.4477 4.5 11 4.05228 11 3.5C11 2.94772 11.4477 2.5 12 2.5Z"/><path d="M12 18.5C12.5523 18.5 13 18.9477 13 19.5C13 20.0523 12.5523 20.5 12 20.5C11.4477 20.5 11 20.0523 11 19.5C11 18.9477 11.4477 18.5 12 18.5Z"/><path stroke-linecap="round" d="M13.5 13L18.5 22"/><path stroke-linecap="round" d="M10.5 13L5.5 22"/><path d="M10.5636 3.78311C11.4588 3.29495 12.5407 3.29495 13.436 3.78311L18.2302 6.39728C19.1942 6.92292 19.794 7.93319 19.794 9.03117V13.9688C19.794 15.0668 19.1942 16.0771 18.2302 16.6027L13.436 19.2169C12.5407 19.705 11.4588 19.705 10.5636 19.2169L5.76937 16.6027C4.80539 16.0771 4.20557 15.0668 4.20557 13.9688V9.03117C4.20557 7.93318 4.80539 6.92292 5.76937 6.39728L10.5636 3.78311Z"/></g></svg>Ferris Wheel Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:ferris-wheel-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:ferris-wheel-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:ferris-wheel-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--ferris-wheel-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:ferris-wheel-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:ferris-wheel-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/ferris-wheel-linear.svg" alt="Ferris Wheel Linear アイコン" width="24" height="24">Solar の関連アイコン
Ferris Wheel Linear アイコン のよくある質問
Ferris Wheel Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ferris Wheel Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:ferris-wheel-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ferris Wheel Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/ferris-wheel-linear.svg" alt="Ferris Wheel Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。