Rotate アイコン

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

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

gis:rotate

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

アイコンセット: Font-GIS
作者: Jean-Marc Viglino
ライセンス: CC-BY-4.0
サイズ: 100 × 100
カテゴリ

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="currentColor" stroke-linejoin="round" color="currentColor"><path d="M79.85 4.386a1 1 0 0 0-.564.153L62.189 16.224a1 1 0 0 0-.352 1.315l8.425 18.717c.426.803 1.615.668 1.85-.209l2.932-10.871c7.894 2.498 13.883 8.977 15.514 17.152c1.698 8.512-.779 16.792-7.658 22.084a1 1 0 0 0-.184 1.402l3.474 9.41a1 1 0 0 0 1.402.182c9.579-7.368 14.159-22.987 11.794-34.838C97.087 29.048 88.584 19.8 77.39 16.416l3.394-10.77a1 1 0 0 0-.934-1.26M24.064 33.683a3.5 3.5 0 0 0-3.006 1.973l-20.71 42.8a3.5 3.5 0 0 0 2.63 4.985l75.015 11.275a3.5 3.5 0 0 0 3.846-4.55L67.573 46.672a3.5 3.5 0 0 0-2.431-2.293l-40.04-10.584a3.5 3.5 0 0 0-1.038-.113m2.039 7.617l35.412 9.363L73.419 86.95l-64.7-9.724z"/><path d="m41.797 11.014l1.558 4.752l9.502-3.118L51.3 7.896zm10.781 7.564l4.943.744l1.487-9.888l-4.944-.745zM27.545 15.69l1.559 4.752l9.501-3.117l-1.558-4.752zM13.29 20.365l1.559 4.75l9.502-3.117l-1.559-4.75zm37.057 13.047l4.945.742l1.486-9.888l-4.945-.743zM7.1 35.924l4.834 1.277l2.556-9.668l-4.834-1.277Zm41.02 12.322l4.943.742l1.486-9.888l-4.944-.743Zm-44.854 2.18L8.1 51.703l2.556-9.668l-4.834-1.277Zm42.623 12.652l4.945.744l1.486-9.888l-4.945-.745ZM.082 62.465l.303 1.969l1.025.92l2.295 1.109l2.178-4.5l-.44-.213l1.38-5.213l-4.835-1.277Zm8.123 6.176l9.002 4.355l2.178-4.5l-9.002-4.355zm35.453 9.271l4.946.744l1.486-9.89l-4.945-.743zm-21.951-2.738l9.002 4.355l2.178-4.5l-9.002-4.355zm13.502 6.533l9.002 4.356l1.09-2.25l2.472.37l.088-.583l-2.293-.344l.82-1.693l-9.001-4.356z"/></g></svg>

Rotate アイコンの使い方

React

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

<Icon icon="gis:rotate" width="24" />

Vue

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

<template>
  <Icon icon="gis:rotate" width="24" />
</template>

Svelte

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

<Icon icon="gis:rotate" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="gis:rotate"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/gis/rotate.svg" alt="Rotate アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Font-GIS アイコンをすべて見る →