ICONYZ
日本語
Qlementine Icons の Photo Camera 32 アイコン

Photo Camera 32 アイコン

qlementine-icons:photo-camera-32

Photo Camera 32 アイコン(qlementine-icons:photo-camera-32)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 32 × 32 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Qlementine Icons
作者
Olivier Cléro
ライセンス
MIT
サイズ
32 × 32
カテゴリ
ハードウェア
タグ
photocamera
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="M16 10c3.31 0 6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6s2.69-6 6-6m0 1c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M18.8 2c1.38 0 2.66.711 3.39 1.88l1.19 1.9a.5.5 0 0 0 .418.235c2.91.047 4.61.26 5.87 1.23q.625.48 1.11 1.11c1.24 1.62 1.24 3.96 1.24 8.65s0 7.04-1.24 8.65a6 6 0 0 1-1.11 1.11c-1.62 1.24-3.96 1.24-8.65 1.24h-10c-4.69 0-7.04 0-8.65-1.24a6 6 0 0 1-1.11-1.11c-1.24-1.62-1.24-3.96-1.24-8.65s0-7.04 1.24-8.65a6 6 0 0 1 1.11-1.11c1.1-.846 2.54-1.11 4.84-1.2l1.04-.026a.5.5 0 0 0 .381-.184l.037-.052l1.19-1.9a4 4 0 0 1 3.39-1.88h5.57zm-5.57 1c-1.03 0-2 .533-2.54 1.41L9.5 6.31a1.5 1.5 0 0 1-1.25.705c-2.95.048-4.32.281-5.28 1.02a5 5 0 0 0-.923.923c-.464.605-.74 1.39-.885 2.68c-.147 1.31-.148 3-.148 5.37s.001 4.06.148 5.37c.145 1.29.421 2.07.885 2.68q.4.522.923.923c.605.464 1.39.74 2.68.885c1.31.147 3 .148 5.37.148h10c2.37 0 4.06-.001 5.37-.148c1.29-.145 2.07-.421 2.68-.885a5 5 0 0 0 .923-.923c.464-.605.74-1.39.885-2.68c.147-1.31.148-3 .148-5.37s-.001-4.06-.148-5.37c-.145-1.29-.421-2.07-.885-2.68a5 5 0 0 0-.923-.923c-.962-.738-2.33-.972-5.28-1.02a1.5 1.5 0 0 1-1.25-.705l-1.19-1.9A2.99 2.99 0 0 0 19 3.01l-.193-.006h-5.57z" clip-rule="evenodd"/></svg>

Photo Camera 32 アイコンの使い方

React

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

<Icon icon="qlementine-icons:photo-camera-32" width="24" />

Vue

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

<template>
  <Icon icon="qlementine-icons:photo-camera-32" width="24" />
</template>

Svelte

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

<Icon icon="qlementine-icons:photo-camera-32" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--photo-camera-32]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:photo-camera-32"></div>

Web コンポーネント

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

<iconify-icon icon="qlementine-icons:photo-camera-32"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/qlementine-icons/photo-camera-32.svg" alt="Photo Camera 32 アイコン" width="24" height="24">

Qlementine Icons の関連アイコン

Photo Camera 32 アイコン のよくある質問

Photo Camera 32 アイコンは商用利用でも無料ですか?

はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Photo Camera 32 アイコンを使うには?

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

Photo Camera 32 アイコンをウェブページに追加するには?

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

Qlementine Icons をすべて見る →