Blueprint アイコン
logos:blueprint
Blueprint アイコン(logos:blueprint)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 298 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 298
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="298" viewBox="0 0 256 298"><path fill="#00b46f" d="m192 112.384l64 37.943v74.441l-64 36.48l-64-36.48v-74.423"/><path fill="#2294d9" d="m128 0l64 37.943v74.441l-64 36.48l-64-36.48V37.961"/><path fill="#2294d9" d="m192 37.943l64 37.943v74.45l-64 36.48l-64-36.48v-74.45"/><path fill="#f85551" d="m64 37.943l64 37.943v74.45l-64 36.48l-64-36.48v-74.45"/><path fill="#f85551" d="m64 112.384l64 37.943v74.441l-64 36.48l-64-36.48v-74.423"/><path fill="#00b46f" d="m128 148.873l64 37.943v74.441l-64 36.48l-64-36.48v-74.441"/><path fill="#30b2e9" d="m192 37.943l-64 37.943l-64-37.943L128 0zm64 37.943l-64 37.96l-64-37.942l64-37.943l64 37.943z"/><path fill="#00ab64" d="M128 223.305v-74.423l-64 37.943v74.423"/><path fill="#00ce8e" d="m192 186.816l-64 36.48l-64-36.48l64-37.943"/><path fill="#00c783" d="m128 223.305l-64-36.48l64-37.943z"/><path fill="#2caee7" d="M128 75.886L64 37.943L128 0z"/><path fill="#fb716c" d="m128 75.886l-64 37.961L0 75.904l64-37.943"/><path fill="#1f8ed6" d="m256 150.336l-64 36.48l-64-37.943l64-35.017"/><path fill="#f64743" d="M63.013 260.626L0 224.146l63.013-37.961z"/><path fill="#f96560" d="M64 113.847V37.961l64 37.943v72.96"/><path fill="#b71d1d" d="M128 148.873V75.886l-64 37.961v72.96"/><path fill="#b21a1a" d="m128 148.873l-64-35.017l64-37.97z"/><path fill="#10161a" fill-opacity=".2" d="m256 224.768l-64-37.943l64-36.48z"/><path fill="#007233" d="M192 261.257v-74.441l-64 36.48v74.45l64-36.48zm64-36.48v-74.441l-64 36.48v74.441z"/><path fill="#00682c" d="m256 224.768l-64-37.943l64-36.48z"/><path fill="#0759ba" d="M256 150.336v-74.45l-64 37.961v72.96"/><path fill="#0860bf" d="m256 150.336l-64-36.48l64-37.97z"/><path fill="#febcb7" d="m0 75.886l64 36.498l64-36.48l-62.537 38.674L64 186.514c0 .028 0 0 0 0l-1.463-71.954z" opacity=".78"/><path fill="#4edcf8" d="m128 75.886l64 36.498l64-36.48l-62.537 38.674L192 186.807l-1.463-72.229" opacity=".78"/><path fill="#00f3c9" d="m64 186.816l64 35.035l64-35.035l-62.537 37.211L128 297.691c0 .028 0 0 0 0l-1.463-73.654L64 186.825z" opacity=".78"/></svg>Blueprint アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:blueprint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:blueprint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:blueprint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--blueprint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:blueprint"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:blueprint"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/blueprint.svg" alt="Blueprint アイコン" width="24" height="24">他のアイコンセットの Blueprint アイコン
Blueprint アイコン のよくある質問
Blueprint アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Blueprint アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:blueprint" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Blueprint アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/blueprint.svg" alt="Blueprint アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。