Screen Curved アイコン
streamline-freehand:screen-curved
Screen Curved アイコン(streamline-freehand:screen-curved)は、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
- カテゴリ
- コンピューター・デバイス・電子機器
- タグ
- screencurved
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.565 3.92a1.14 1.14 0 0 0-.55-.86C16.31.84 7.544.278 1.619 3.34a.36.36 0 1 0 .31.65c5.785-2.871 14.21-2.15 20.525 0c0 .081.49.561.41 7.706c0 1.712-.08 3.303-.19 4.303q-.043.266-.13.52c-1-.19-3.773-1.08-6.384-1.57c-3.112-.58-5.614-.64-10.428.65c-1.89.51-3.342 1.05-4.253 1.341q-.3.075-.61.1L.699 4.701a.31.31 0 1 0-.62 0V15.35c0 .54-.24 1.931.12 2.382c.65.82 2.902-.871 8.586-1.782c0 .05.22 3.052.22 3.052c0 1.001.59 1.001 1.66.901h2.212c.395-.02.781-.125 1.131-.31c.24-.16.32-.21.38-1.05s.12-2.242.13-2.743c4.834.68 8.106 2.362 8.857 1.721c.96-.82.64-11.458.19-13.6M13.408 18.692c-.28.11.42.07-2.852.11l-.57.05c-.36-1.69-.521-2.542-.611-3.002a15 15 0 0 1 4.453-.15z"/><path d="M16.86 19.412c-.07-.14-.58-1.141-.67-1.261c-.32-.4-.76-.23-.76.11c.115.32.273.623.47.9c.395.717.653 1.5.76 2.312c-11.198.22-9.256.41-10.007.08v-.22c.7-1.861.46-1.26 1-2.662c.2-.35-.34-.65-.52-.3c-.75 1.4-.43.81-1.31 2.702c-.12.33-.31.55-.17.91s.62.5.88.6c1.17.461 9.787 0 10.297-.18c.75-.22.86-.93.56-1.59c-.14-.45-.32-.941-.53-1.401m4.073-12.599c-.21-2.001-1.521-2.662-3.502-2.642a.302.302 0 1 0-.06.6c1.64.32 2.241 1.061 2.481 2.222c.4 2.001.09 2.642.64 2.642a.34.34 0 0 0 .34-.34c.106-.823.14-1.654.101-2.482m-.52 4.883c-.23 0-.67.78-.59 1.331c.03.271.13.53.29.75c.15.17.25.28.38.24c.33 0 .36-.35.45-1q.03-.195 0-.39c-.02-.13-.25-.93-.53-.93"/></g></svg>Screen Curved アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:screen-curved" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:screen-curved" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:screen-curved" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--screen-curved]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:screen-curved"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:screen-curved"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/screen-curved.svg" alt="Screen Curved アイコン" width="24" height="24">他のアイコンセットの Screen Curved アイコン
Screen Curved アイコン のよくある質問
Screen Curved アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Screen Curved アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:screen-curved" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Screen Curved アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/screen-curved.svg" alt="Screen Curved アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。