Text Formating Rotate Angle アイコン
streamline-freehand:text-formating-rotate-angle
Text Formating Rotate Angle アイコン(streamline-freehand:text-formating-rotate-angle)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- textformating、formatingrotate、rotateangle、textformatingrotateangle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.889 23.247c-.14-.14-.76-.31-.9-.17l-17.12-.37q-1.441.09-2.881 0a2.37 2.37 0 0 1-1.441-.56a1.9 1.9 0 0 1-.32-1.14q-.043-1.203.05-2.402c.06-2.652.1-12.347.14-16.389V.586a.2.2 0 0 0 0-.08c.03-.451-.43-.741-.6-.14a.7.7 0 0 0 0 .15c0 .26 0 .84-.08 1.65c-.18 4.062-.53 13.748-.67 16.389a17 17 0 0 0 0 3.002c.046.531.252 1.037.59 1.45c.452.419 1.014.7 1.62.81c1.191.16 2.396.187 3.592.08c2.922 0 12.107.12 16.009.06c.78 0 1.36 0 1.63-.06a.76.76 0 0 0 .391-.14a.36.36 0 0 0-.01-.51"/><path d="M4.508 9s.63.11 1.251.27q.398.096.78.24q.987.421 1.892 1q.902.544 1.68 1.251a8.5 8.5 0 0 1 2.002 2.452c.341.635.613 1.306.81 2c.47 1.787.713 3.626.72 5.474a.36.36 0 0 0 .35.32a.37.37 0 0 0 .37-.36a18.6 18.6 0 0 0-.7-6.904a9 9 0 0 0-2.761-3.902A12 12 0 0 0 8.9 9.61q-1.02-.51-2.11-.84c-.24-.07-.57-.14-.9-.2c-.651-.11-1.311-.18-1.311-.18a.32.32 0 0 0-.07.61M2.728 20.706c.28.1.17-.09 1.15-.58c.27-.14.49-.27.58-.33q.271-.246.5-.53c.26-.32.511-.741.731-1.001c0 0 .12-.08.1-.11a.36.36 0 0 0 .28-.35a.37.37 0 0 0-.36-.37a2 2 0 0 0-.86.42q-.345.225-.66.49c-.25.22-.44.44-.53.51s-.871.87-1.062 1.15c-.19.28-.12.651.13.701"/><path d="M10.542 13.612a.36.36 0 0 0-.37-.37a2.45 2.45 0 0 0-1.121.59a7 7 0 0 0-.59.47c-.22.22-.38.43-.46.51s-.58.801-.751 1.091q-.075.115-.13.24c0 .2 0 .32.15.37a.28.28 0 0 0 .21 0c.24 0-.12 0 1.31-.86q.381-.297.711-.65c.26-.32.47-.69.67-.9c0 0 .1-.06.08-.09a.36.36 0 0 0 .29-.4m3.193-3.103c.41-.33.85-.6 1.28-.93c.18-.13.35-.28.52-.43l.48-.5c.37-.4.701-.83 1.001-1.261a.37.37 0 0 0-.117-.599a.36.36 0 0 0-.393.079c-.44.33-.9.62-1.34 1a7 7 0 0 0-.831.73q-.626.715-1.11 1.531a.32.32 0 0 0 .126.536a.32.32 0 0 0 .353-.115zm5.372-5.112c.13-.07.47-.32.52-.36l1.001-.83c.15-.15.51-.471.88-.861s.54-.62.801-.89c.8-.811 1-.531 1-.901a.37.37 0 0 0-.37-.37a3.2 3.2 0 0 0-1.52.73c-.29.21-.6.45-.86.68c-.261.23-.601.64-.731.78l-.83 1.141a1.3 1.3 0 0 0-.46.59a.34.34 0 0 0 .57.29"/></g></svg>
Text Formating Rotate Angle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:text-formating-rotate-angle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:text-formating-rotate-angle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:text-formating-rotate-angle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--text-formating-rotate-angle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:text-formating-rotate-angle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:text-formating-rotate-angle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/text-formating-rotate-angle.svg" alt="Text Formating Rotate Angle アイコン" width="24" height="24">
Freehand free icons の関連アイコン
他のアイコンセットの Text Formating Rotate Angle アイコン
Text Formating Rotate Angle アイコン のよくある質問
Text Formating Rotate Angle アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Text Formating Rotate Angle アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:text-formating-rotate-angle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Text Formating Rotate Angle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/text-formating-rotate-angle.svg" alt="Text Formating Rotate Angle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand free icons をすべて見る →
ICONYZ
