blueprint logo
blueprint from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- blueprint
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×298
- License
- CC0
The same logo in other sets
Use the blueprint logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosBlueprint(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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" fillOpacity=".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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-blueprint {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20298%22%3E%3Cpath%20fill%3D%22%2300b46f%22%20d%3D%22m192%20112.384l64%2037.943v74.441l-64%2036.48l-64-36.48v-74.423%22%2F%3E%3Cpath%20fill%3D%22%232294d9%22%20d%3D%22m128%200l64%2037.943v74.441l-64%2036.48l-64-36.48V37.961%22%2F%3E%3Cpath%20fill%3D%22%232294d9%22%20d%3D%22m192%2037.943l64%2037.943v74.45l-64%2036.48l-64-36.48v-74.45%22%2F%3E%3Cpath%20fill%3D%22%23f85551%22%20d%3D%22m64%2037.943l64%2037.943v74.45l-64%2036.48l-64-36.48v-74.45%22%2F%3E%3Cpath%20fill%3D%22%23f85551%22%20d%3D%22m64%20112.384l64%2037.943v74.441l-64%2036.48l-64-36.48v-74.423%22%2F%3E%3Cpath%20fill%3D%22%2300b46f%22%20d%3D%22m128%20148.873l64%2037.943v74.441l-64%2036.48l-64-36.48v-74.441%22%2F%3E%3Cpath%20fill%3D%22%2330b2e9%22%20d%3D%22m192%2037.943l-64%2037.943l-64-37.943L128%200zm64%2037.943l-64%2037.96l-64-37.942l64-37.943l64%2037.943z%22%2F%3E%3Cpath%20fill%3D%22%2300ab64%22%20d%3D%22M128%20223.305v-74.423l-64%2037.943v74.423%22%2F%3E%3Cpath%20fill%3D%22%2300ce8e%22%20d%3D%22m192%20186.816l-64%2036.48l-64-36.48l64-37.943%22%2F%3E%3Cpath%20fill%3D%22%2300c783%22%20d%3D%22m128%20223.305l-64-36.48l64-37.943z%22%2F%3E%3Cpath%20fill%3D%22%232caee7%22%20d%3D%22M128%2075.886L64%2037.943L128%200z%22%2F%3E%3Cpath%20fill%3D%22%23fb716c%22%20d%3D%22m128%2075.886l-64%2037.961L0%2075.904l64-37.943%22%2F%3E%3Cpath%20fill%3D%22%231f8ed6%22%20d%3D%22m256%20150.336l-64%2036.48l-64-37.943l64-35.017%22%2F%3E%3Cpath%20fill%3D%22%23f64743%22%20d%3D%22M63.013%20260.626L0%20224.146l63.013-37.961z%22%2F%3E%3Cpath%20fill%3D%22%23f96560%22%20d%3D%22M64%20113.847V37.961l64%2037.943v72.96%22%2F%3E%3Cpath%20fill%3D%22%23b71d1d%22%20d%3D%22M128%20148.873V75.886l-64%2037.961v72.96%22%2F%3E%3Cpath%20fill%3D%22%23b21a1a%22%20d%3D%22m128%20148.873l-64-35.017l64-37.97z%22%2F%3E%3Cpath%20fill%3D%22%2310161a%22%20fill-opacity%3D%22.2%22%20d%3D%22m256%20224.768l-64-37.943l64-36.48z%22%2F%3E%3Cpath%20fill%3D%22%23007233%22%20d%3D%22M192%20261.257v-74.441l-64%2036.48v74.45l64-36.48zm64-36.48v-74.441l-64%2036.48v74.441z%22%2F%3E%3Cpath%20fill%3D%22%2300682c%22%20d%3D%22m256%20224.768l-64-37.943l64-36.48z%22%2F%3E%3Cpath%20fill%3D%22%230759ba%22%20d%3D%22M256%20150.336v-74.45l-64%2037.961v72.96%22%2F%3E%3Cpath%20fill%3D%22%230860bf%22%20d%3D%22m256%20150.336l-64-36.48l64-37.97z%22%2F%3E%3Cpath%20fill%3D%22%23febcb7%22%20d%3D%22m0%2075.886l64%2036.498l64-36.48l-62.537%2038.674L64%20186.514c0%20.028%200%200%200%200l-1.463-71.954z%22%20opacity%3D%22.78%22%2F%3E%3Cpath%20fill%3D%22%234edcf8%22%20d%3D%22m128%2075.886l64%2036.498l64-36.48l-62.537%2038.674L192%20186.807l-1.463-72.229%22%20opacity%3D%22.78%22%2F%3E%3Cpath%20fill%3D%22%2300f3c9%22%20d%3D%22m64%20186.816l64%2035.035l64-35.035l-62.537%2037.211L128%20297.691c0%20.028%200%200%200%200l-1.463-73.654L64%20186.825z%22%20opacity%3D%22.78%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20298%22%3E%3Cpath%20fill%3D%22%2300b46f%22%20d%3D%22m192%20112.384l64%2037.943v74.441l-64%2036.48l-64-36.48v-74.423%22%2F%3E%3Cpath%20fill%3D%22%232294d9%22%20d%3D%22m128%200l64%2037.943v74.441l-64%2036.48l-64-36.48V37.961%22%2F%3E%3Cpath%20fill%3D%22%232294d9%22%20d%3D%22m192%2037.943l64%2037.943v74.45l-64%2036.48l-64-36.48v-74.45%22%2F%3E%3Cpath%20fill%3D%22%23f85551%22%20d%3D%22m64%2037.943l64%2037.943v74.45l-64%2036.48l-64-36.48v-74.45%22%2F%3E%3Cpath%20fill%3D%22%23f85551%22%20d%3D%22m64%20112.384l64%2037.943v74.441l-64%2036.48l-64-36.48v-74.423%22%2F%3E%3Cpath%20fill%3D%22%2300b46f%22%20d%3D%22m128%20148.873l64%2037.943v74.441l-64%2036.48l-64-36.48v-74.441%22%2F%3E%3Cpath%20fill%3D%22%2330b2e9%22%20d%3D%22m192%2037.943l-64%2037.943l-64-37.943L128%200zm64%2037.943l-64%2037.96l-64-37.942l64-37.943l64%2037.943z%22%2F%3E%3Cpath%20fill%3D%22%2300ab64%22%20d%3D%22M128%20223.305v-74.423l-64%2037.943v74.423%22%2F%3E%3Cpath%20fill%3D%22%2300ce8e%22%20d%3D%22m192%20186.816l-64%2036.48l-64-36.48l64-37.943%22%2F%3E%3Cpath%20fill%3D%22%2300c783%22%20d%3D%22m128%20223.305l-64-36.48l64-37.943z%22%2F%3E%3Cpath%20fill%3D%22%232caee7%22%20d%3D%22M128%2075.886L64%2037.943L128%200z%22%2F%3E%3Cpath%20fill%3D%22%23fb716c%22%20d%3D%22m128%2075.886l-64%2037.961L0%2075.904l64-37.943%22%2F%3E%3Cpath%20fill%3D%22%231f8ed6%22%20d%3D%22m256%20150.336l-64%2036.48l-64-37.943l64-35.017%22%2F%3E%3Cpath%20fill%3D%22%23f64743%22%20d%3D%22M63.013%20260.626L0%20224.146l63.013-37.961z%22%2F%3E%3Cpath%20fill%3D%22%23f96560%22%20d%3D%22M64%20113.847V37.961l64%2037.943v72.96%22%2F%3E%3Cpath%20fill%3D%22%23b71d1d%22%20d%3D%22M128%20148.873V75.886l-64%2037.961v72.96%22%2F%3E%3Cpath%20fill%3D%22%23b21a1a%22%20d%3D%22m128%20148.873l-64-35.017l64-37.97z%22%2F%3E%3Cpath%20fill%3D%22%2310161a%22%20fill-opacity%3D%22.2%22%20d%3D%22m256%20224.768l-64-37.943l64-36.48z%22%2F%3E%3Cpath%20fill%3D%22%23007233%22%20d%3D%22M192%20261.257v-74.441l-64%2036.48v74.45l64-36.48zm64-36.48v-74.441l-64%2036.48v74.441z%22%2F%3E%3Cpath%20fill%3D%22%2300682c%22%20d%3D%22m256%20224.768l-64-37.943l64-36.48z%22%2F%3E%3Cpath%20fill%3D%22%230759ba%22%20d%3D%22M256%20150.336v-74.45l-64%2037.961v72.96%22%2F%3E%3Cpath%20fill%3D%22%230860bf%22%20d%3D%22m256%20150.336l-64-36.48l64-37.97z%22%2F%3E%3Cpath%20fill%3D%22%23febcb7%22%20d%3D%22m0%2075.886l64%2036.498l64-36.48l-62.537%2038.674L64%20186.514c0%20.028%200%200%200%200l-1.463-71.954z%22%20opacity%3D%22.78%22%2F%3E%3Cpath%20fill%3D%22%234edcf8%22%20d%3D%22m128%2075.886l64%2036.498l64-36.48l-62.537%2038.674L192%20186.807l-1.463-72.229%22%20opacity%3D%22.78%22%2F%3E%3Cpath%20fill%3D%22%2300f3c9%22%20d%3D%22m64%20186.816l64%2035.035l64-35.035l-62.537%2037.211L128%20297.691c0%20.028%200%200%200%200l-1.463-73.654L64%20186.825z%22%20opacity%3D%22.78%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/blueprint.svg?color=%231a73e8&size=48
