Smartphone Rotate 2 Bold アイコン
solar:smartphone-rotate-2-bold
Smartphone Rotate 2 Bold アイコン(solar:smartphone-rotate-2-bold)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- デバイス
- タグ
- smartphonerotate、rotatebold、smartphonerotatebold
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="M2 9.62605C2 10.8181 2.95927 11.7773 4.8778 13.6959L10.3042 19.1223C12.2228 21.0409 13.182 22.0001 14.3741 22.0001C15.5661 22.0001 16.5254 21.0409 18.4439 19.1223L19.1222 18.444C21.0407 16.5255 22 15.5662 22 14.3742C22 13.1822 21.0407 12.2229 19.1222 10.3044L13.6958 4.87792C11.7772 2.95939 10.818 2.00012 9.62593 2.00012C8.43391 2.00012 7.47464 2.95939 5.55611 4.87792L4.8778 5.55623C2.95927 7.47476 2 8.43403 2 9.62605ZM9.47801 6.08709C9.7709 5.7942 9.7709 5.31932 9.47801 5.02643C9.18511 4.73354 8.71024 4.73354 8.41735 5.02643L5.02582 8.41795C4.73293 8.71085 4.73293 9.18572 5.02582 9.47861C5.31872 9.77151 5.79359 9.77151 6.08648 9.47861L9.47801 6.08709ZM16.7481 16.749C17.31 16.187 17.31 15.276 16.7481 14.714C16.1862 14.1521 15.2751 14.1521 14.7132 14.714C14.1513 15.276 14.1513 16.187 14.7132 16.749C15.2751 17.3109 16.1862 17.3109 16.7481 16.749Z"/><path d="M16.2606 1.87434C16.3301 1.46599 16.7174 1.19127 17.1258 1.26074C20.3254 1.80506 22.75 4.6212 22.75 8.00012C22.75 8.27758 22.5968 8.53238 22.3518 8.66251C22.1067 8.79265 21.8098 8.77686 21.58 8.62146L20.08 7.60744C19.7368 7.37546 19.6467 6.90922 19.8787 6.56606C20.1106 6.2229 20.5769 6.13278 20.92 6.36476L21.0196 6.43208C20.4426 4.52271 18.8399 3.0739 16.8742 2.7395C16.4659 2.67003 16.1912 2.28268 16.2606 1.87434Z"/><path d="M7.73938 22.1259C7.66991 22.5343 7.28256 22.809 6.87422 22.7395C3.67459 22.1952 1.25 19.379 1.25 16.0001C1.25 15.7227 1.40319 15.4679 1.64824 15.3377C1.89329 15.2076 2.19017 15.2234 2.42004 15.3788L3.92004 16.3928C4.2632 16.6248 4.35332 17.091 4.12134 17.4342C3.88936 17.7773 3.42312 17.8675 3.07996 17.6355L2.98038 17.5682C3.55736 19.4775 5.16008 20.9263 7.12578 21.2607C7.53413 21.3302 7.80885 21.7176 7.73938 22.1259Z"/></g></svg>Smartphone Rotate 2 Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:smartphone-rotate-2-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:smartphone-rotate-2-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:smartphone-rotate-2-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--smartphone-rotate-2-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:smartphone-rotate-2-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:smartphone-rotate-2-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/smartphone-rotate-2-bold.svg" alt="Smartphone Rotate 2 Bold アイコン" width="24" height="24">Solar の関連アイコン
smartphone-2-bold
smartphone-2-bold-duotone
smartphone-2-broken
smartphone-2-line-duotone
smartphone-2-linear
smartphone-2-outline
smartphone-bold
smartphone-bold-duotone
smartphone-broken
smartphone-line-duotone
smartphone-linear
smartphone-outline
smartphone-rotate-2-bold-duotone
smartphone-rotate-2-broken
smartphone-rotate-2-line-duotone
smartphone-rotate-2-linear
smartphone-rotate-2-outline
smartphone-rotate-angle-bold
smartphone-rotate-angle-bold-duotone
smartphone-rotate-angle-broken
smartphone-rotate-angle-line-duotone
smartphone-rotate-angle-linear
smartphone-rotate-angle-outline
smartphone-rotate-orientation-bold
Smartphone Rotate 2 Bold アイコン のよくある質問
Smartphone Rotate 2 Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Smartphone Rotate 2 Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:smartphone-rotate-2-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smartphone Rotate 2 Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/smartphone-rotate-2-bold.svg" alt="Smartphone Rotate 2 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。