Projector Screen Solid アイコン
streamline-plump:projector-screen-solid
Projector Screen Solid アイコン(streamline-plump:projector-screen-solid)は、Plump free icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- projectorscreen、screensolid、projectorscreensolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M4.482.626C6.536.583 12.07.5 24 .5s17.464.083 19.518.126c.451.01 1.03.087 1.57.357c.583.292 1.16.842 1.335 1.712q.076.375.077.805q-.001.43-.077.805c-.175.87-.752 1.42-1.335 1.712c-.54.27-1.119.348-1.57.357C41.464 6.417 35.93 6.5 24 6.5S6.536 6.417 4.482 6.374c-.451-.01-1.03-.087-1.57-.357c-.583-.292-1.16-.842-1.335-1.712A4 4 0 0 1 1.5 3.5q.001-.43.077-.805c.175-.87.753-1.42 1.335-1.712c.54-.27 1.119-.348 1.57-.357M24 34.5c-10.458 0-15.486.078-17.482.122c-.5.011-1.12.108-1.684.42c-.611.337-1.172.948-1.295 1.857q-.039.285-.039.601c0 .316.013.411.04.6c.122.91.683 1.521 1.294 1.858c.563.312 1.184.409 1.684.42c1.83.04 6.208.11 14.982.12V45a2.5 2.5 0 0 0 5 0v-4.502c8.775-.01 13.153-.08 14.982-.12c.5-.011 1.12-.108 1.684-.42c.611-.337 1.172-.948 1.295-1.857q.039-.285.039-.601a3.3 3.3 0 0 0-.04-.6c-.122-.91-.683-1.521-1.294-1.858c-.563-.312-1.184-.409-1.684-.42C39.487 34.578 34.46 34.5 24 34.5M24 9C13.713 9 8.167 8.938 5.5 8.894V20.5c0 5.179.118 9.071.237 11.677c.263-.034.508-.05.726-.054C8.483 32.079 13.53 32 24 32s15.517.078 17.537.123c.218.005.463.02.726.054c.119-2.606.237-6.498.237-11.677V8.894C39.833 8.938 34.287 9 24 9" clip-rule="evenodd"/></svg>Projector Screen Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:projector-screen-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:projector-screen-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:projector-screen-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--projector-screen-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:projector-screen-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:projector-screen-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/projector-screen-solid.svg" alt="Projector Screen Solid アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Projector Screen Solid アイコン
Projector Screen Solid アイコン のよくある質問
Projector Screen Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Projector Screen Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:projector-screen-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Projector Screen Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/projector-screen-solid.svg" alt="Projector Screen Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。