Presentation Projector アイコン
streamline-freehand:presentation-projector
Presentation Projector アイコン(streamline-freehand:presentation-projector)は、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
- カテゴリ
- 仕事・オフィス・企業
- タグ
- presentationprojector
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.972 12.68a.32.32 0 0 0-.56-.167a.3.3 0 0 0-.068.227a8.8 8.8 0 0 1-.18 2.523a2.86 2.86 0 0 1-.658 1.386a2.64 2.64 0 0 1-1.306.598a14 14 0 0 1-2.403.2c-7.816.358-11.864.169-12.024.16c-2.263-.09-4.138-.24-4.796-.679a1.9 1.9 0 0 1-.767-1.276a14 14 0 0 1-.17-2.792a16.4 16.4 0 0 1 0-2.512a3.5 3.5 0 0 1 .56-1.416c.558-.858 1.824-1.237 3.2-1.436a30 30 0 0 1 5.853 0a.27.27 0 0 0 .289-.27a.28.28 0 0 0-.26-.288a26.3 26.3 0 0 0-6.979 0A4.37 4.37 0 0 0 .901 8.453a4.2 4.2 0 0 0-.748 1.755a17 17 0 0 0-.11 2.662c-.075.997-.052 1.999.07 2.991a2.88 2.88 0 0 0 1.196 1.945l.28.149v.618a7.2 7.2 0 0 0 .528 1.905c.135.29.321.552.548.777c.609.569 1.396.718 2.214-.418a5 5 0 0 0 .279-.49q.13-.247.23-.508q.12-.337.199-.688q.054-.256.08-.518h.996c3.62.1 8.196-.15 10.858-.31v.21a6.8 6.8 0 0 0 .519 1.905c.135.29.32.552.548.777c.608.569 1.406.718 2.214-.418c.1-.16.199-.32.289-.489c.09-.17.15-.329.219-.508q.127-.338.21-.688c0-.23.08-.45.1-.688a.32.32 0 0 0-.629-.09a4 4 0 0 1-.419 1.127l-.528.757c-.3.37-.519.41-.728.22a2.8 2.8 0 0 1-.499-.698a7.6 7.6 0 0 1-.608-1.356v-.11h.568c.858-.02 1.712-.114 2.553-.28a3.4 3.4 0 0 0 1.645-.827a3.55 3.55 0 0 0 .808-1.754a9.4 9.4 0 0 0 .19-2.732M4.97 18.993q-.106.278-.25.538l-.528.758c-.3.369-.519.409-.728.22a2.8 2.8 0 0 1-.499-.698a7.6 7.6 0 0 1-.608-1.356v-.24c.911.212 1.838.346 2.772.4c-.1.099-.1.228-.16.378"/><path d="M14.3 12.67a5 5 0 0 0 2.145.669a8.2 8.2 0 0 0 2.183-.15a.28.28 0 0 0 .23-.319a.29.29 0 0 0-.32-.23a7.8 7.8 0 0 1-1.994.07a4.4 4.4 0 0 1-1.874-.697a4.21 4.21 0 0 1-1.815-3.52a5.07 5.07 0 0 1 1.396-3.749a4.55 4.55 0 0 1 1.864-1.057a8 8 0 0 1 2.224-.329a3.84 3.84 0 0 1 3.38 1.775a5.42 5.42 0 0 1 .817 3.988a4.16 4.16 0 0 1-1.216 2.204a2.92 2.92 0 0 1-2.283.827a.31.31 0 0 0-.35.28a.31.31 0 0 0 .161.313q.056.03.119.035a3.6 3.6 0 0 0 2.842-.927a4.93 4.93 0 0 0 1.525-2.562a6.4 6.4 0 0 0-.817-4.666a4.8 4.8 0 0 0-4.198-2.314a9.2 9.2 0 0 0-2.523.38a5.5 5.5 0 0 0-2.283 1.345a6.03 6.03 0 0 0-1.575 4.537A5.03 5.03 0 0 0 14.3 12.67"/><path d="M20.213 9.84c.283-.256.507-.569.658-.918a3.1 3.1 0 0 0 0-2.144a.28.28 0 0 0-.548.1c.024.452-.062.904-.25 1.316c-.128.28-.3.54-.508.768a3.4 3.4 0 0 1-.728.668a2.6 2.6 0 0 1-.578.359q-.175.084-.369.11a.31.31 0 0 0-.329.299a.32.32 0 0 0 .3.329c.204.034.413.034.617 0q.41-.102.798-.27a3.7 3.7 0 0 0 .937-.618M4.131 9.76a.26.26 0 0 0-.3.239q-.228.811-.348 1.645c-.06.48-.06.966 0 1.446q.11.845.339 1.665a.32.32 0 0 0 .359.259a.33.33 0 0 0 .27-.36v-2.741c0-.628-.11-1.246-.13-1.854a.27.27 0 0 0-.19-.3m2.503.001a.28.28 0 0 0-.29.269c-.09.548-.209 1.076-.269 1.625a5 5 0 0 0 0 .698v.698c0 .548.09 1.076.13 1.625a.32.32 0 0 0 .628 0c.08-.549.18-1.077.24-1.625q.045-.348.05-.698v-.698c-.1-.529-.1-1.057-.22-1.635a.28.28 0 0 0-.27-.26m2.553-.169a.28.28 0 0 0-.29.27c-.089.557-.199 1.096-.258 1.644v.708a6 6 0 0 0 0 .708c0 .548.1 1.087.15 1.645a.31.31 0 0 0 .298.32a.31.31 0 0 0 .33-.3c.08-.558.169-1.097.219-1.655v-.698a6 6 0 0 0 0-.708c0-.558-.14-1.097-.2-1.645a.29.29 0 0 0-.249-.29"/></g></svg>Presentation Projector アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:presentation-projector" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:presentation-projector" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:presentation-projector" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--presentation-projector]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:presentation-projector"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:presentation-projector"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/presentation-projector.svg" alt="Presentation Projector アイコン" width="24" height="24">Freehand free icons の関連アイコン
他のアイコンセットの Presentation Projector アイコン
Presentation Projector アイコン のよくある質問
Presentation Projector アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Presentation Projector アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:presentation-projector" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Presentation Projector アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/presentation-projector.svg" alt="Presentation Projector アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。