ICONYZ
日本語
Flex free icons の Camera Setting Gear アイコン

Camera Setting Gear アイコン

streamline-flex:camera-setting-gear

Camera Setting Gear アイコン(streamline-flex:camera-setting-gear)は、Flex free icons セットの無料 SVG アイコンです(作者: Streamline)。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Flex free icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
14 × 14
カテゴリ
画像・写真
タグ
camerasetting、settinggear、camerasettinggear
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M6.107 3.689q-.707.011-1.425.11a.86.86 0 0 0-.644.464l-.553 1.078l-.94.076l-.133.011c-.853.07-1.555.706-1.681 1.525C.61 7.733.5 8.536.5 9.356s.11 1.625.23 2.404c.127.82.83 1.454 1.682 1.524l.133.012c1.212.1 2.467.204 3.752.204c1.286 0 2.54-.104 3.752-.204l.133-.011c.853-.071 1.555-.706 1.682-1.525c.12-.78.23-1.583.23-2.404q-.002-.47-.042-.932"/><path d="M8.304 9.175c0 1.285-.722 2.007-2.007 2.007s-2.006-.722-2.006-2.007c0-1.284.722-2.006 2.006-2.006m6.759-3.337q0 .037.023.066l.319.401a.46.46 0 0 1 .039.516l-.187.323a.46.46 0 0 1-.466.225l-.507-.077a.1.1 0 0 0-.07.013l-.601.347a.1.1 0 0 0-.046.054l-.187.477a.46.46 0 0 1-.427.292h-.373a.46.46 0 0 1-.427-.292L9.96 5.7a.1.1 0 0 0-.046-.054l-.6-.347a.1.1 0 0 0-.07-.013l-.508.077a.46.46 0 0 1-.466-.225l-.186-.323A.46.46 0 0 1 8.12 4.3l.32-.401a.1.1 0 0 0 .024-.067v-.694a.1.1 0 0 0-.023-.066l-.32-.401a.46.46 0 0 1-.04-.516l.187-.323a.46.46 0 0 1 .466-.225l.506.077a.1.1 0 0 0 .07-.013l.602-.349a.1.1 0 0 0 .046-.054l.188-.475A.46.46 0 0 1 10.574.5h.374a.46.46 0 0 1 .426.292l.188.475a.1.1 0 0 0 .046.056l.6.347a.1.1 0 0 0 .07.013l.508-.077a.46.46 0 0 1 .466.225l.186.323a.46.46 0 0 1-.038.516l-.32.4a.1.1 0 0 0-.024.067z"/><path d="M10.758 3.985c-.32 0-.5-.18-.5-.5s.18-.5.5-.5m.004 1c.32 0 .5-.18.5-.5s-.18-.5-.5-.5"/></g></svg>

Camera Setting Gear アイコンの使い方

React

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

<Icon icon="streamline-flex:camera-setting-gear" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:camera-setting-gear" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:camera-setting-gear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--camera-setting-gear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:camera-setting-gear"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-flex:camera-setting-gear"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex/camera-setting-gear.svg" alt="Camera Setting Gear アイコン" width="24" height="24">

Flex free icons の関連アイコン

他のアイコンセットの Camera Setting Gear アイコン

Camera Setting Gear アイコン のよくある質問

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

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

React で Camera Setting Gear アイコンを使うには?

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

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

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

Flex free icons をすべて見る →