Rotate Anticlockwise 16 アイコン
qlementine-icons:rotate-anticlockwise-16
Rotate Anticlockwise 16 アイコン(qlementine-icons:rotate-anticlockwise-16)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- アクション
- タグ
- rotateanticlockwise
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.52 8.06a2.2 2.2 0 0 0-1.04 0l-.171.048l-.115.042a2.4 2.4 0 0 0-.655.412c-.197.167-.415.386-.649.62l-.703.703l-.335.339a6 6 0 0 0-.285.31a2.3 2.3 0 0 0-.454.77l-.048.17a2.2 2.2 0 0 0 0 1.04l.048.172c.103.317.279.565.454.77q.127.148.285.31l.335.339l.703.703c.234.234.453.453.649.62c.18.153.392.307.655.412l.115.042c.394.128.815.144 1.22.048l.171-.048c.317-.103.565-.28.771-.454q.147-.127.311-.285l.339-.335l.703-.703c.234-.234.453-.453.62-.65c.153-.18.307-.391.412-.654l.042-.115a2.26 2.26 0 0 0 0-1.39l-.042-.115a2.4 2.4 0 0 0-.412-.655c-.167-.197-.386-.415-.62-.65l-.703-.702l-.339-.335a6 6 0 0 0-.311-.285A2.3 2.3 0 0 0 8.7 8.1l-.171-.048zm-.906.999c.249-.081.518-.081.768 0l.105.042c.244.116.486.358.917.789l.702.702l.325.328c.281.29.437.482.506.694l.026.094c.054.222.045.455-.026.674c-.092.284-.339.53-.831 1.02l-.702.702c-.492.492-.739.739-1.02.83c-.218.072-.452.08-.674.027l-.094-.026c-.213-.07-.404-.225-.694-.506l-.328-.325l-.702-.702c-.43-.43-.673-.673-.789-.917l-.042-.106a1.24 1.24 0 0 1-.026-.674l.026-.094c.07-.213.225-.404.506-.694l.325-.328l.702-.702c.492-.492.74-.739 1.02-.831z" clip-rule="evenodd"/><path fill="currentColor" d="M8.25 0C5.43 0 3.01 1.74 2 4.2V1.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1H2.77c.74-2.32 2.91-4 5.48-4C11.43 1 14 3.57 14 6.75v.75l.01.101a.5.5 0 0 0 .979 0l.01-.101v-.75A6.746 6.746 0 0 0 8.25 0"/></svg>Rotate Anticlockwise 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:rotate-anticlockwise-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:rotate-anticlockwise-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:rotate-anticlockwise-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--rotate-anticlockwise-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:rotate-anticlockwise-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:rotate-anticlockwise-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/rotate-anticlockwise-16.svg" alt="Rotate Anticlockwise 16 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Rotate Anticlockwise 16 アイコン のよくある質問
Rotate Anticlockwise 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rotate Anticlockwise 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:rotate-anticlockwise-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rotate Anticlockwise 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/rotate-anticlockwise-16.svg" alt="Rotate Anticlockwise 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。