Smartphone Rotate Angle Bold アイコン
solar:smartphone-rotate-angle-bold
Smartphone Rotate Angle Bold アイコン(solar:smartphone-rotate-angle-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、rotateangle、anglebold、smartphonerotateanglebold
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="M19 9V14.9342C19 15.5933 18.6469 16.2018 18.0746 16.5288C14.3105 18.6797 9.68952 18.6797 5.92538 16.5288C5.35315 16.2018 5 15.5933 5 14.9342V9C5 6.19108 5 4.78661 5.67412 3.77772C5.96596 3.34096 6.34096 2.96596 6.77772 2.67412C7.78661 2 9.19108 2 12 2C14.8089 2 16.2134 2 17.2223 2.67412C17.659 2.96596 18.034 3.34096 18.3259 3.77772C19 4.78661 19 6.19108 19 9ZM9 4.25C8.58579 4.25 8.25 4.58579 8.25 5C8.25 5.41421 8.58579 5.75 9 5.75H15C15.4142 5.75 15.75 5.41421 15.75 5C15.75 4.58579 15.4142 4.25 15 4.25H9Z"/><path d="M3.62731 14.5342C3.88455 14.8589 3.82989 15.3306 3.50523 15.5878C2.93157 16.0424 2.75 16.443 2.75 16.75C2.75 17.0165 2.88413 17.3495 3.29688 17.7337C3.71071 18.1189 4.35043 18.5004 5.20371 18.8364C6.41418 19.313 7.97893 19.6686 9.75 19.8343V19.375C9.75 19.0807 9.9221 18.8136 10.1901 18.692C10.4581 18.5704 10.7724 18.6168 10.9939 18.8106L12.4939 20.1231C12.6566 20.2655 12.75 20.4712 12.75 20.6875C12.75 20.9038 12.6566 21.1095 12.4939 21.2519L10.9939 22.5644C10.7724 22.7582 10.4581 22.8046 10.1901 22.683C9.9221 22.5614 9.75 22.2943 9.75 22V21.3404C7.80576 21.1698 6.04974 20.7816 4.65415 20.2321C3.69779 19.8555 2.87304 19.3885 2.27482 18.8316C1.67551 18.2737 1.25 17.5708 1.25 16.75C1.25 15.7998 1.81667 15.012 2.5737 14.4122C2.89836 14.1549 3.37008 14.2096 3.62731 14.5342ZM20.3727 14.5342C20.6299 14.2096 21.1016 14.1549 21.4263 14.4122C22.1833 15.012 22.75 15.7997 22.75 16.75C22.75 18.1281 21.5819 19.1606 20.2034 19.8514C18.7617 20.5738 16.791 21.0851 14.5756 21.3096C14.1635 21.3514 13.7956 21.0512 13.7538 20.6391C13.7121 20.227 14.0123 19.859 14.4244 19.8173C16.522 19.6047 18.3014 19.1266 19.5314 18.5103C20.8246 17.8623 21.25 17.2066 21.25 16.75C21.25 16.443 21.0684 16.0424 20.4948 15.5878C20.1701 15.3306 20.1155 14.8589 20.3727 14.5342Z"/></g></svg>Smartphone Rotate Angle Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:smartphone-rotate-angle-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:smartphone-rotate-angle-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:smartphone-rotate-angle-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--smartphone-rotate-angle-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:smartphone-rotate-angle-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-angle-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/smartphone-rotate-angle-bold.svg" alt="Smartphone Rotate Angle 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
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-duotone
smartphone-rotate-angle-broken
smartphone-rotate-angle-line-duotone
smartphone-rotate-angle-linear
smartphone-rotate-angle-outline
smartphone-rotate-orientation-bold
Smartphone Rotate Angle Bold アイコン のよくある質問
Smartphone Rotate Angle Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Smartphone Rotate Angle Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:smartphone-rotate-angle-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smartphone Rotate Angle Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/smartphone-rotate-angle-bold.svg" alt="Smartphone Rotate Angle Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。