Cctv Duotone アイコン

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

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

keyline-icons:cctv-duotone

Cctv Duotone アイコン(keyline-icons:cctv-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: cctvduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M16.9946 7.3749L19.8396 7.1478C19.8926 7.1435 19.9457 7.1414 19.9988 7.1414C21.1034 7.1414 21.9988 8.0369 21.9988 9.1414C21.9988 9.3982 21.9493 9.6526 21.8532 9.8906L20.4432 13.3805C20.1378 14.1364 19.4041 14.6313 18.5888 14.6313C18.0151 14.6313 17.469 14.3849 17.0894 13.9548L15.2006 11.8151C15.0393 11.6324 14.9503 11.397 14.9503 11.1533C14.9503 11.0249 14.9751 10.8977 15.0231 10.7787L16.147 7.9971C16.2889 7.646 16.617 7.4051 16.9946 7.3749Z" stroke="none"/><path stroke-opacity=".4" d="M7.3201 9.8235L7.3201 17L3 17M3 13L3 21"/><path fill="currentColor" fill-rule="evenodd" d="M9.8533 2.2187L17.2708 5.2156C18.0267 5.521 18.5216 6.2547 18.5216 7.07C18.5216 7.3267 18.4721 7.5811 18.3759 7.8192L16.5029 12.4551C16.1975 13.211 15.4638 13.7059 14.6485 13.7059C14.3918 13.7059 14.1374 13.6564 13.8993 13.5603L6.4819 10.5634C5.348 10.1053 4.6057 9.0048 4.6057 7.7818C4.6057 7.3967 4.6798 7.0151 4.8241 6.658L5.9479 3.8765C6.4061 2.7426 7.5066 2.0003 8.7295 2.0003C9.1147 2.0003 9.4962 2.0745 9.8533 2.2187Z" clip-rule="evenodd" stroke="none"/></g></svg>

Cctv Duotone アイコンの使い方

React

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

<Icon icon="keyline-icons:cctv-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:cctv-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:cctv-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--cctv-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:cctv-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:cctv-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/cctv-duotone.svg" alt="Cctv Duotone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

他のアイコンセットの Cctv Duotone アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →