construct3 logo

construct3 from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
construct3
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the construct3 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.392 0c-6.752 0-12 5.498-12 12c0 6.574 5.313 12 12 12c4.283 0 8.087-2.254 10.217-5.704a.57.57 0 0 0-.2-.795l-5.55-3.204a.57.57 0 0 0-.76.177a4.45 4.45 0 0 1-3.707 1.983c-2.458 0-4.458-2-4.458-4.457c0-2.458 2-4.457 4.458-4.457c1.491 0 2.877.741 3.707 1.983a.57.57 0 0 0 .76.177l5.55-3.204a.57.57 0 0 0 .2-.795A12 12 0 0 0 12.392 0m0 3.527c3.048 0 5.72 1.61 7.213 4.026l-2.99 1.726c-.037.021-.085.013-.108-.026a4.94 4.94 0 0 0-4.115-2.2A4.953 4.953 0 0 0 7.445 12c0 .9.241 1.745.663 2.473l-2.342 1.353a.327.327 0 0 0-.112.458a7.98 7.98 0 0 0 6.738 3.7a7.98 7.98 0 0 0 6.789-3.781l2.983 1.722a.08.08 0 0 1 .028.113a11.45 11.45 0 0 1-9.8 5.472C6.045 23.51.882 18.346.882 12c0-2.095.562-4.06 1.544-5.754l2.35 1.356c.15.088.345.04.439-.11a8.47 8.47 0 0 1 7.177-3.966zM22.965 8.95a.67.67 0 0 0-.336.088l-4.149 2.395a.654.654 0 0 0 0 1.131l4.149 2.396c.434.25.98-.064.98-.566v-4.79a.655.655 0 0 0-.644-.654m-.663 1.785v2.528L20.112 12z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsConstruct3(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.392 0c-6.752 0-12 5.498-12 12c0 6.574 5.313 12 12 12c4.283 0 8.087-2.254 10.217-5.704a.57.57 0 0 0-.2-.795l-5.55-3.204a.57.57 0 0 0-.76.177a4.45 4.45 0 0 1-3.707 1.983c-2.458 0-4.458-2-4.458-4.457c0-2.458 2-4.457 4.458-4.457c1.491 0 2.877.741 3.707 1.983a.57.57 0 0 0 .76.177l5.55-3.204a.57.57 0 0 0 .2-.795A12 12 0 0 0 12.392 0m0 3.527c3.048 0 5.72 1.61 7.213 4.026l-2.99 1.726c-.037.021-.085.013-.108-.026a4.94 4.94 0 0 0-4.115-2.2A4.953 4.953 0 0 0 7.445 12c0 .9.241 1.745.663 2.473l-2.342 1.353a.327.327 0 0 0-.112.458a7.98 7.98 0 0 0 6.738 3.7a7.98 7.98 0 0 0 6.789-3.781l2.983 1.722a.08.08 0 0 1 .028.113a11.45 11.45 0 0 1-9.8 5.472C6.045 23.51.882 18.346.882 12c0-2.095.562-4.06 1.544-5.754l2.35 1.356c.15.088.345.04.439-.11a8.47 8.47 0 0 1 7.177-3.966zM22.965 8.95a.67.67 0 0 0-.336.088l-4.149 2.395a.654.654 0 0 0 0 1.131l4.149 2.396c.434.25.98-.064.98-.566v-4.79a.655.655 0 0 0-.644-.654m-.663 1.785v2.528L20.112 12z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.392 0c-6.752 0-12 5.498-12 12c0 6.574 5.313 12 12 12c4.283 0 8.087-2.254 10.217-5.704a.57.57 0 0 0-.2-.795l-5.55-3.204a.57.57 0 0 0-.76.177a4.45 4.45 0 0 1-3.707 1.983c-2.458 0-4.458-2-4.458-4.457c0-2.458 2-4.457 4.458-4.457c1.491 0 2.877.741 3.707 1.983a.57.57 0 0 0 .76.177l5.55-3.204a.57.57 0 0 0 .2-.795A12 12 0 0 0 12.392 0m0 3.527c3.048 0 5.72 1.61 7.213 4.026l-2.99 1.726c-.037.021-.085.013-.108-.026a4.94 4.94 0 0 0-4.115-2.2A4.953 4.953 0 0 0 7.445 12c0 .9.241 1.745.663 2.473l-2.342 1.353a.327.327 0 0 0-.112.458a7.98 7.98 0 0 0 6.738 3.7a7.98 7.98 0 0 0 6.789-3.781l2.983 1.722a.08.08 0 0 1 .028.113a11.45 11.45 0 0 1-9.8 5.472C6.045 23.51.882 18.346.882 12c0-2.095.562-4.06 1.544-5.754l2.35 1.356c.15.088.345.04.439-.11a8.47 8.47 0 0 1 7.177-3.966zM22.965 8.95a.67.67 0 0 0-.336.088l-4.149 2.395a.654.654 0 0 0 0 1.131l4.149 2.396c.434.25.98-.064.98-.566v-4.79a.655.655 0 0 0-.644-.654m-.663 1.785v2.528L20.112 12z"/></svg>
</template>

CSS

.icon-construct3 {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.392%200c-6.752%200-12%205.498-12%2012c0%206.574%205.313%2012%2012%2012c4.283%200%208.087-2.254%2010.217-5.704a.57.57%200%200%200-.2-.795l-5.55-3.204a.57.57%200%200%200-.76.177a4.45%204.45%200%200%201-3.707%201.983c-2.458%200-4.458-2-4.458-4.457c0-2.458%202-4.457%204.458-4.457c1.491%200%202.877.741%203.707%201.983a.57.57%200%200%200%20.76.177l5.55-3.204a.57.57%200%200%200%20.2-.795A12%2012%200%200%200%2012.392%200m0%203.527c3.048%200%205.72%201.61%207.213%204.026l-2.99%201.726c-.037.021-.085.013-.108-.026a4.94%204.94%200%200%200-4.115-2.2A4.953%204.953%200%200%200%207.445%2012c0%20.9.241%201.745.663%202.473l-2.342%201.353a.327.327%200%200%200-.112.458a7.98%207.98%200%200%200%206.738%203.7a7.98%207.98%200%200%200%206.789-3.781l2.983%201.722a.08.08%200%200%201%20.028.113a11.45%2011.45%200%200%201-9.8%205.472C6.045%2023.51.882%2018.346.882%2012c0-2.095.562-4.06%201.544-5.754l2.35%201.356c.15.088.345.04.439-.11a8.47%208.47%200%200%201%207.177-3.966zM22.965%208.95a.67.67%200%200%200-.336.088l-4.149%202.395a.654.654%200%200%200%200%201.131l4.149%202.396c.434.25.98-.064.98-.566v-4.79a.655.655%200%200%200-.644-.654m-.663%201.785v2.528L20.112%2012z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.392%200c-6.752%200-12%205.498-12%2012c0%206.574%205.313%2012%2012%2012c4.283%200%208.087-2.254%2010.217-5.704a.57.57%200%200%200-.2-.795l-5.55-3.204a.57.57%200%200%200-.76.177a4.45%204.45%200%200%201-3.707%201.983c-2.458%200-4.458-2-4.458-4.457c0-2.458%202-4.457%204.458-4.457c1.491%200%202.877.741%203.707%201.983a.57.57%200%200%200%20.76.177l5.55-3.204a.57.57%200%200%200%20.2-.795A12%2012%200%200%200%2012.392%200m0%203.527c3.048%200%205.72%201.61%207.213%204.026l-2.99%201.726c-.037.021-.085.013-.108-.026a4.94%204.94%200%200%200-4.115-2.2A4.953%204.953%200%200%200%207.445%2012c0%20.9.241%201.745.663%202.473l-2.342%201.353a.327.327%200%200%200-.112.458a7.98%207.98%200%200%200%206.738%203.7a7.98%207.98%200%200%200%206.789-3.781l2.983%201.722a.08.08%200%200%201%20.028.113a11.45%2011.45%200%200%201-9.8%205.472C6.045%2023.51.882%2018.346.882%2012c0-2.095.562-4.06%201.544-5.754l2.35%201.356c.15.088.345.04.439-.11a8.47%208.47%200%200%201%207.177-3.966zM22.965%208.95a.67.67%200%200%200-.336.088l-4.149%202.395a.654.654%200%200%200%200%201.131l4.149%202.396c.434.25.98-.064.98-.566v-4.79a.655.655%200%200%200-.644-.654m-.663%201.785v2.528L20.112%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/construct3.svg?color=%231a73e8&size=48