3d Rotation アイコン
zmdi:3d-rotation
3d Rotation アイコン(zmdi:3d-rotation)は、Material Design Iconic Font セットの無料 SVG アイコンです（作者: MDI Community）。 512 × 512 のグリッドで描かれています。 Material Design Iconic Font icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Design Iconic Font
- 作者
- MDI Community
- ライセンス
- OFL-1.1
- サイズ
- 512 × 512
- タグ
- 3drotation
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m159 458l29-28l81 81l-14 1q-100 0-173.5-68T0 277h32q6 60 40 108t87 73m19-139q14 0 21-7t7-20q0-7-2-12t-6-8q-4-4-9.5-5.5T175 265h-16v-22h16q8 0 13-2t8-5q4-3 6-8t2-10q0-12-7-19q-6-6-19-6q-5 0-10 2q-4 1-8 4q-3 3-5 8q-2 4-2 9h-28q0-10 4-18t11-14t17-10q9-3 21-3q11 0 22 3q10 3 16 9q7 6 11 15t4 20q0 5-2 10q-1 5-4 10q-4 5-8 9q-5 4-11 7q7 3 13 7q5 4 8 9q3 4 5 11q2 5 2 12q0 11-5 20q-4 9-11.5 15.5T200 338t-22 3q-11 0-21-3q-9-3-17-9t-12-14.5t-4-20.5h27q0 6 2 10.5t6 7.5q3 3 8 5t11 2m182.5-126.5Q371 203 377 218q5 16 5 34v8q0 19-5 34q-6 15-16 25q-10 11-25 17q-14 5-32 5h-49V171h50q18 0 31.5 5.5t24 16M352 260v-8q0-28-12-43q-12-14-35-14h-20v123h19q12 0 21-4t15-11q6-8 9-19t3-24M255 0q100 0 173.5 68T510 234h-32q-6-59-40.5-107T351 54l-29 28l-81-81z"/></svg>3d Rotation アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:3d-rotation" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:3d-rotation" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:3d-rotation" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--3d-rotation]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:3d-rotation"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:3d-rotation"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/zmdi/3d-rotation.svg" alt="3d Rotation アイコン" width="24" height="24">他のアイコンセットの 3d Rotation アイコン
3d Rotation アイコン のよくある質問
3d Rotation アイコンは商用利用でも無料ですか?
はい。Material Design Iconic Font icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で 3d Rotation アイコンを使うには?
@iconify/react をインストールして <Icon icon="zmdi:3d-rotation" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
3d Rotation アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/zmdi/3d-rotation.svg" alt="3d Rotation アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。