Construction Blueprint Duo アイコン
streamline-kameleon-color:construction-blueprint-duo
Construction Blueprint Duo アイコン(streamline-kameleon-color:construction-blueprint-duo)は、Kameleon color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Kameleon color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 建物・建設
- タグ
- constructionblueprint、blueprintduo、constructionblueprintduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#deeeff" d="M23.997 47.999c13.255 0 24-10.745 24-24s-10.745-24-24-24s-24 10.745-24 24s10.745 24 24 24"/><path fill="#2e3ecd" d="M37.96 37.963V13.525l-7.854-3.49l-13.091 3.49l-6.982-3.49v24.436l6.982 3.49l13.09-3.49z"/><path fill="#2e3ecd" d="m30.106 34.472l7.854 3.49V13.527l-7.854-3.49zM17.015 13.526l-6.982-3.49v24.436l6.982 3.49z"/><path fill="#6bafff" d="m35.677 14.466l-5.236-2.181a.87.87 0 0 0-.56-.038l-12.772 3.406l-4.067-2.034a.872.872 0 0 0-1.264.78v18.327c0 .33.187.633.482.78l4.364 2.183a.88.88 0 0 0 .615.063l12.805-3.415l4.962 2.068a.873.873 0 0 0 1.209-.806V15.272a.87.87 0 0 0-.538-.806M34.47 26.26l-2.618-1.667v-2.424l2.618 1.636zm-4.426-12.25l4.426 1.844v6.922l-2.823-1.765a.436.436 0 0 0-.668.37v2.657l-.638-.406a.44.44 0 0 0-.507.027l-2.182 1.746a.44.44 0 0 0-.164.34v5.468l-5.236 1.396v-6.427a.438.438 0 0 0-.514-.43l-4.718.858l-3.495-.699v-6.106l3.353 1.118a.4.4 0 0 0 .138.023h3.49a.44.44 0 0 0 .31-.128l1.744-1.746a.44.44 0 0 0 .128-.308V15.97l4.8-1.28v1.158l-1.907.763a.436.436 0 1 0 .324.81l1.583-.633v1.242l-1.907.763a.436.436 0 1 0 .324.81l1.583-.633v1.241l-1.907.764a.436.436 0 1 0 .324.81l1.583-.633v1.537l.873-.436v-7.795zm-13.419 3.352c.19.096.41.118.615.063l4.576-1.22v2.378l-1.49 1.49h-3.24l-3.561-1.188v-3.073zm.485 16.618l-3.585-1.792V26.8l3.405.68a.4.4 0 0 0 .164.002l4.285-.78v6.138zm13.332-3.367a.88.88 0 0 0-.56-.038l-1.52.405v-5.025l1.773-1.42l4.335 2.76v4.996z"/></g></svg>Construction Blueprint Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:construction-blueprint-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:construction-blueprint-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:construction-blueprint-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--construction-blueprint-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:construction-blueprint-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:construction-blueprint-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/construction-blueprint-duo.svg" alt="Construction Blueprint Duo アイコン" width="24" height="24">Kameleon color icons の関連アイコン
Construction Blueprint Duo アイコン のよくある質問
Construction Blueprint Duo アイコンは商用利用でも無料ですか?
はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Construction Blueprint Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-kameleon-color:construction-blueprint-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Construction Blueprint Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/construction-blueprint-duo.svg" alt="Construction Blueprint Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。