ICONYZ
日本語
Raphael の Future アイコン

Future アイコン

raphael:future

Future アイコン(raphael:future)は、Raphael セットの無料 SVG アイコンです(作者: Dmitry Baranovskiy)。 32 × 32 のグリッドで描かれています。 Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Raphael
作者
Dmitry Baranovskiy
ライセンス
MIT
サイズ
32 × 32
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m17 15.5l-.5-7.876a1 1 0 1 0-2 0l-.465 7.343l-3.004 1.96a1 1 0 0 0 1.001 1.732l3.306-1.678c.054.008.108.018.165.018c.83 0 1.5-.67 1.5-1.5zm1.94 5.955a.999.999 0 1 0 1.363.367a1 1 0 0 0-1.365-.367zm.998-13.642a1 1 0 1 0-.997 1.735a1 1 0 0 0 .997-1.736zm1.885 12.492a1 1 0 1 0 .998-1.734a1 1 0 0 0-.998 1.734m1-7.877a1 1 0 1 0-1.001-1.733a1 1 0 0 0 1 1.733zm1.555 3.072c0-.55-.448-1-1-1a1 1 0 1 0 1 1M9.546 12.062a1 1 0 1 0-1.73-1a1 1 0 0 0 1.729 1zM6.624 15.5a1.001 1.001 0 1 0 2.002-.002a1.001 1.001 0 0 0-2.002.002m2.555 4.805a1.001 1.001 0 1 0-.002 0zm2.882-10.76a1 1 0 0 0 .366-1.366a.999.999 0 1 0-.366 1.364zm2.44 13.832a1 1 0 1 0 1.998.002a1 1 0 0 0-1.998-.002m-3.806-1.555c-.275.48-.11 1.09.366 1.365a1 1 0 1 0-.366-1.365m17.978-7.735l-3.27-1.186c.29 1.106.41 2.275.31 3.48c-.493 5.638-5.45 9.808-11.092 9.332a10.26 10.26 0 0 1-9.333-11.09c.493-5.64 5.448-9.812 11.088-9.335a10.17 10.17 0 0 1 6.194 2.833l-1.637 1.377l7.03 2.548l-1.308-7.364l-1.77 1.493c-2.134-2.15-4.997-3.597-8.25-3.877c-7.29-.626-13.71 4.776-14.34 12.068c-.625 7.29 4.777 13.71 12.066 14.34c7.293.624 13.713-4.777 14.342-12.067c.074-.866.057-1.718-.03-2.55z"/></svg>

Future アイコンの使い方

React

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

<Icon icon="raphael:future" width="24" />

Vue

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

<template>
  <Icon icon="raphael:future" width="24" />
</template>

Svelte

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

<Icon icon="raphael:future" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--future]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="raphael:future"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/raphael/future.svg" alt="Future アイコン" width="24" height="24">

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

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

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

はい。Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Raphael アイコン をすべて見る →