Projector Bold アイコン
solar:projector-bold
Projector Bold アイコン(solar:projector-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
- カテゴリ
- デバイス
- タグ
- projectorbold
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="M4.61413 20.6431C4.96931 20.8562 5.43001 20.7411 5.64312 20.3859L7.07545 17.9986C7.36568 18 7.67341 18 8 18H16C16.3266 18 16.6343 18 16.9245 17.9986L18.3569 20.3859C18.57 20.7411 19.0307 20.8562 19.3859 20.6431C19.7411 20.43 19.8562 19.9693 19.6431 19.6141L18.6463 17.9527C19.82 17.8747 20.5744 17.6682 21.1213 17.1213C22 16.2426 22 14.8284 22 12C22 9.17157 22 7.75736 21.1213 6.87868C20.7951 6.5525 20.3952 6.34741 19.8765 6.21845C20.2763 7.0617 20.5 8.00473 20.5 9C20.5 12.5899 17.5899 15.5 14 15.5C10.4101 15.5 7.5 12.5899 7.5 9C7.5 7.91787 7.76443 6.89751 8.23221 6H8C5.17157 6 3.75736 6 2.87868 6.87868C2 7.75736 2 9.17157 2 12C2 14.8284 2 16.2426 2.87868 17.1213C3.42559 17.6682 4.17999 17.8747 5.35373 17.9527L4.35688 19.6141C4.14377 19.9693 4.25894 20.43 4.61413 20.6431ZM5.4999 8.75C5.91412 8.74995 6.24995 9.08569 6.25 9.4999L6.2502 11C6.25025 11.4142 5.91451 11.75 5.50029 11.7501C5.08608 11.7502 4.75025 11.4144 4.7502 11.0002L4.75 9.5001C4.74995 9.08588 5.08569 8.75005 5.4999 8.75Z"/><path d="M14 14C16.7614 14 19 11.7614 19 9C19 6.23858 16.7614 4 14 4C11.2386 4 9 6.23858 9 9C9 11.7614 11.2386 14 14 14ZM13.25 7C13.25 6.58579 13.5858 6.25 14 6.25C15.5188 6.25 16.75 7.48122 16.75 9C16.75 10.5188 15.5188 11.75 14 11.75C12.4812 11.75 11.25 10.5188 11.25 9C11.25 8.58579 11.5858 8.25 12 8.25C12.4142 8.25 12.75 8.58579 12.75 9C12.75 9.69036 13.3096 10.25 14 10.25C14.6904 10.25 15.25 9.69036 15.25 9C15.25 8.30964 14.6904 7.75 14 7.75C13.5858 7.75 13.25 7.41421 13.25 7Z"/></g></svg>Projector Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:projector-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:projector-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:projector-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--projector-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:projector-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:projector-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/projector-bold.svg" alt="Projector Bold アイコン" width="24" height="24">Solar の関連アイコン
Projector Bold アイコン のよくある質問
Projector Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Projector Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:projector-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Projector Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/projector-bold.svg" alt="Projector Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。