Webcam Bold Duotone アイコン

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

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

solar:webcam-bold-duotone

Webcam Bold Duotone アイコン(solar:webcam-bold-duotone)は、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、boldduotone、webcamboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 3.75098C12.4142 3.75098 12.75 4.08676 12.75 4.50098C12.75 4.91519 12.4142 5.25098 12 5.25098C11.5858 5.25098 11.25 4.91519 11.25 4.50098C11.25 4.08676 11.5858 3.75098 12 3.75098Z"/><path d="M14.25 10C14.25 8.75736 13.2426 7.75 12 7.75C10.7574 7.75 9.75 8.75736 9.75 10C9.75 11.2426 10.7574 12.25 12 12.25C13.2426 12.25 14.25 11.2426 14.25 10ZM15.75 10C15.75 12.0711 14.0711 13.75 12 13.75C9.92893 13.75 8.25 12.0711 8.25 10C8.25 7.92893 9.92893 6.25 12 6.25C14.0711 6.25 15.75 7.92893 15.75 10Z"/><path d="M11.9348 2.00026C16.3528 2.03592 19.9634 5.64578 19.9993 10.0637C20.0331 14.2516 16.8426 17.6591 12.7473 17.9729C12.7477 17.9827 12.7493 17.9924 12.7493 18.0022V21.2493H15.9993C16.4134 21.2493 16.7491 21.5852 16.7493 21.9993C16.7493 22.4135 16.4135 22.7493 15.9993 22.7493H7.99929C7.5852 22.7491 7.24929 22.4134 7.24929 21.9993C7.24943 21.5853 7.58529 21.2494 7.99929 21.2493H11.2493V18.0022C11.2493 17.9852 11.2501 17.9682 11.2512 17.9514C7.21148 17.5117 4.0337 14.0787 4.00026 9.93483C3.9647 5.51683 7.51683 1.9647 11.9348 2.00026Z" opacity=".5"/></g></svg>

Webcam Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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