Webcam Bold アイコン

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

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

solar:webcam-bold

Webcam Bold アイコン(solar:webcam-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
カテゴリ: 動画
タグ: webcambold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.9998 7.74929C13.2423 7.74929 14.2496 8.75677 14.2498 9.99929C14.2495 11.2417 13.2423 12.2493 11.9998 12.2493C10.7574 12.2491 9.75002 11.2416 9.74978 9.99929C9.74992 8.75687 10.7574 7.74945 11.9998 7.74929Z"/><path fill-rule="evenodd" d="M11.9353 2.00026C16.3533 2.03592 19.9639 5.64578 19.9998 10.0637C20.0333 14.2513 16.8429 17.659 12.7478 17.9729C12.7482 17.9827 12.7498 17.9924 12.7498 18.0022V21.2493H15.9998C16.4139 21.2493 16.7496 21.5852 16.7498 21.9993C16.7498 22.4135 16.414 22.7493 15.9998 22.7493H7.99978C7.58568 22.7491 7.24978 22.4134 7.24978 21.9993C7.24992 21.5853 7.58577 21.2494 7.99978 21.2493H11.2498V18.0022C11.2498 17.9848 11.2506 17.9676 11.2517 17.9505C7.21221 17.5106 4.03442 14.0784 4.00075 9.93483C3.96519 5.51684 7.51734 1.96472 11.9353 2.00026ZM11.9998 6.24929C9.92894 6.24945 8.24992 7.92844 8.24978 9.99929C8.25002 12.07 9.929 13.7491 11.9998 13.7493C14.0707 13.7493 15.7495 12.0702 15.7498 9.99929C15.7496 7.92834 14.0708 6.24929 11.9998 6.24929ZM11.9998 3.75026C11.5858 3.75043 11.2499 4.08627 11.2498 4.50026C11.25 4.91417 11.5859 5.2501 11.9998 5.25026C12.4138 5.25026 12.7495 4.91427 12.7498 4.50026C12.7496 4.08617 12.4139 3.75026 11.9998 3.75026Z" clip-rule="evenodd"/></g></svg>

Webcam Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

他のアイコンセットの Webcam Bold アイコン

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

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

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

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

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

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

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

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