Architect Icon icon
logos:architect-icon
The Architect Icon icon (logos:architect-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
- Tags
- architecticon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path d="M116.588 105.225c5.441-7.808 16.893-7.94 22.537-.397l.287.397l58.699 84.24a.1.1 0 0 0 .079.044l.045-.008l.038-.028a.1.1 0 0 1 .082-.034l.044.012l.035.03l19.023 25.94c1.009 1.375.875 3.285-.351 4.472C194.062 242.242 162.639 256 128 256c-34.637 0-66.062-13.758-89.106-36.107c-1.153-1.12-1.34-2.875-.517-4.225l.166-.249l19.023-25.939a.1.1 0 0 1 .079-.042l.045.008l.037.027a.1.1 0 0 0 .084.036l.044-.013l.035-.031zM128 0c70.693 0 128 57.308 128 128c0 23.828-6.51 46.135-17.85 65.24c-1.181 1.99-3.92 2.173-5.428.482l-.175-.212l-18.616-24.407a3.56 3.56 0 0 1-.408-3.589c5.043-11.48 7.843-24.17 7.843-37.514c0-51.564-41.801-93.365-93.366-93.365S34.635 76.436 34.635 128c0 13.343 2.8 26.032 7.842 37.513a3.57 3.57 0 0 1-.238 3.347l-.17.243l-18.615 24.407c-1.46 1.915-4.375 1.8-5.604-.27C6.51 174.134 0 151.827 0 128C0 57.308 57.308 0 128 0"/></svg>How to use the Architect Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:architect-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:architect-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:architect-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--architect-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:architect-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:architect-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/architect-icon.svg" alt="Architect Icon icon" width="24" height="24">Related icons in SVG Logos
Architect Icon icon FAQ
Is the Architect Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Architect Icon icon in React?
Install @iconify/react and render <Icon icon="logos:architect-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Architect Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/architect-icon.svg" alt="Architect Icon icon">, or paste the SVG code inline to style it with CSS.