Webcam Outline アイコン

Q: Webcam Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:webcam-outline

Webcam Outline アイコン(solar:webcam-outline)は、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
カテゴリ: 動画
タグ: webcamoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M11.9998 6.25029C14.0709 6.25029 15.7498 7.92922 15.7498 10.0003C15.7496 12.0712 14.0707 13.7503 11.9998 13.7503C9.92891 13.7502 8.25002 12.0711 8.2498 10.0003C8.2498 7.92925 9.92877 6.25034 11.9998 6.25029ZM11.9998 7.75029C10.7572 7.75034 9.7498 8.75768 9.7498 10.0003C9.75002 11.2427 10.7573 12.2502 11.9998 12.2503C13.2423 12.2503 14.2496 11.2427 14.2498 10.0003C14.2498 8.75765 13.2424 7.75029 11.9998 7.75029Z" clip-rule="evenodd"/><path d="M11.9998 3.75127C12.414 3.75127 12.7498 4.08705 12.7498 4.50127C12.7496 4.9153 12.4139 5.25127 11.9998 5.25127C11.5858 5.25122 11.25 4.91527 11.2498 4.50127C11.2498 4.08708 11.5856 3.75131 11.9998 3.75127Z"/><path fill-rule="evenodd" d="M11.9412 1.25029C16.7688 1.28925 20.7108 5.23127 20.7498 10.0589C20.7867 14.6629 17.2608 18.4093 12.7498 18.7259V21.2503H15.9998C16.414 21.2503 16.7498 21.5861 16.7498 22.0003C16.7496 22.4143 16.4139 22.7503 15.9998 22.7503H7.9998C7.58576 22.7502 7.25002 22.4143 7.2498 22.0003C7.2498 21.5861 7.58563 21.2503 7.9998 21.2503H11.2498V18.7044C6.79841 18.2608 3.28676 14.4965 3.2498 9.9417C3.21082 5.10473 7.10426 1.21135 11.9412 1.25029ZM11.9295 2.75029C7.93033 2.71806 4.71753 5.93081 4.7498 9.92998C4.78252 13.9382 8.06187 17.2177 12.0701 17.2503C16.0692 17.2826 19.2819 14.0696 19.2498 10.0706C19.2173 6.06218 15.9379 2.78279 11.9295 2.75029Z" clip-rule="evenodd"/></g></svg>

Webcam Outline アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:webcam-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:webcam-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:webcam-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--webcam-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:webcam-outline"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:webcam-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/webcam-outline.svg" alt="Webcam Outline アイコン" width="24" height="24">

Solar の関連アイコン

Webcam Outline アイコンのよくある質問

Webcam Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Webcam Outline アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:webcam-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Webcam Outline アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/webcam-outline.svg" alt="Webcam Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →