arch logo

arch-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.

Name: arch-dark
Set: Skill Icons
Style: Dark
Viewbox: 256×256
License: MIT

1 other variant in Skill Icons

The same logo in other sets

archBoxIcons v2 archBoxIcons v2 Solid archMaterial Design Icons archWeb3 Icons Branded

Use the arch logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU5)"><path fill="#242938" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clip-path="url(#SVGeZMHGeag)"><path fill="#1793d1" d="M127.5 41c-7.789 19.098-12.519 31.607-21.191 50.137c5.317 5.637 11.852 12.176 22.451 19.59c-11.395-4.69-19.163-9.385-24.972-14.27C92.688 119.617 75.288 152.594 40 216c27.728-16.008 49.224-25.882 69.257-29.651c-.857-3.694-1.315-7.709-1.282-11.877l.021-.876c.44-17.77 9.686-31.433 20.636-30.506c10.95.928 19.474 16.09 19.034 33.86c-.083 3.347-.472 6.563-1.132 9.549c19.817 3.878 41.11 13.708 68.466 29.501a9921 9921 0 0 1-14.825-27.408c-7.244-5.614-14.795-12.918-30.207-20.828c10.593 2.752 18.185 5.935 24.097 9.485C147.31 90.2 143.533 78.625 127.5 41"/><path fill="#fff" fill-opacity=".166" d="M176.755 145.015c-37.93-51.483-46.722-92.976-48.949-102.882c20.233 46.668 20.095 47.24 48.949 102.882"/><path fill="url(#SVGI0bIqbus)" d="M127.821 41.748c-.973 2.392-1.921 4.713-2.819 6.922c-.996 2.446-1.943 4.781-2.884 7.07s-1.874 4.524-2.799 6.73a713 713 0 0 1-2.798 6.58c-.947 2.193-1.899 4.41-2.906 6.664a572 572 0 0 1-3.161 6.943a636 636 0 0 1-3.504 7.456c-.172.359-.38.768-.555 1.132c5.301 5.614 11.827 12.111 22.366 19.482c-11.366-4.677-19.126-9.355-24.93-14.227c-.301.615-.565 1.164-.875 1.794c-.409.83-.9 1.772-1.325 2.628c-.746 1.529-1.525 3.1-2.328 4.721l-.898 1.773c-5.072 10.18-11.365 22.366-19.46 37.512c22.193-12.504 46.131-30.544 89.614-15.017c-2.18-4.13-4.184-8.002-6.067-11.643a1114 1114 0 0 1-5.255-10.275a819 819 0 0 1-4.529-9.143a620 620 0 0 1-3.93-8.203a508 508 0 0 1-3.461-7.52a476 476 0 0 1-3.097-6.986a512 512 0 0 1-2.842-6.729a644 644 0 0 1-2.713-6.665c-.32-.798-.64-1.629-.961-2.435c-2.453-5.759-4.972-11.726-7.883-18.564"/></g></g><defs><clipPath id="SVGv3WPqdcU5"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVGeZMHGeag"><path fill="#fff" d="M40 41h175v175H40z"/></clipPath><linearGradient id="SVGI0bIqbus" x1="127.904" x2="104.123" y1="61.731" y2="133.77" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity=".275"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsArchDark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><g clipPath="url(#SVGv3WPqdcU5)"><path fill="#242938" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clipPath="url(#SVGeZMHGeag)"><path fill="#1793d1" d="M127.5 41c-7.789 19.098-12.519 31.607-21.191 50.137c5.317 5.637 11.852 12.176 22.451 19.59c-11.395-4.69-19.163-9.385-24.972-14.27C92.688 119.617 75.288 152.594 40 216c27.728-16.008 49.224-25.882 69.257-29.651c-.857-3.694-1.315-7.709-1.282-11.877l.021-.876c.44-17.77 9.686-31.433 20.636-30.506c10.95.928 19.474 16.09 19.034 33.86c-.083 3.347-.472 6.563-1.132 9.549c19.817 3.878 41.11 13.708 68.466 29.501a9921 9921 0 0 1-14.825-27.408c-7.244-5.614-14.795-12.918-30.207-20.828c10.593 2.752 18.185 5.935 24.097 9.485C147.31 90.2 143.533 78.625 127.5 41"/><path fill="#fff" fillOpacity=".166" d="M176.755 145.015c-37.93-51.483-46.722-92.976-48.949-102.882c20.233 46.668 20.095 47.24 48.949 102.882"/><path fill="url(#SVGI0bIqbus)" d="M127.821 41.748c-.973 2.392-1.921 4.713-2.819 6.922c-.996 2.446-1.943 4.781-2.884 7.07s-1.874 4.524-2.799 6.73a713 713 0 0 1-2.798 6.58c-.947 2.193-1.899 4.41-2.906 6.664a572 572 0 0 1-3.161 6.943a636 636 0 0 1-3.504 7.456c-.172.359-.38.768-.555 1.132c5.301 5.614 11.827 12.111 22.366 19.482c-11.366-4.677-19.126-9.355-24.93-14.227c-.301.615-.565 1.164-.875 1.794c-.409.83-.9 1.772-1.325 2.628c-.746 1.529-1.525 3.1-2.328 4.721l-.898 1.773c-5.072 10.18-11.365 22.366-19.46 37.512c22.193-12.504 46.131-30.544 89.614-15.017c-2.18-4.13-4.184-8.002-6.067-11.643a1114 1114 0 0 1-5.255-10.275a819 819 0 0 1-4.529-9.143a620 620 0 0 1-3.93-8.203a508 508 0 0 1-3.461-7.52a476 476 0 0 1-3.097-6.986a512 512 0 0 1-2.842-6.729a644 644 0 0 1-2.713-6.665c-.32-.798-.64-1.629-.961-2.435c-2.453-5.759-4.972-11.726-7.883-18.564"/></g></g><defs><clipPath id="SVGv3WPqdcU5"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVGeZMHGeag"><path fill="#fff" d="M40 41h175v175H40z"/></clipPath><linearGradient id="SVGI0bIqbus" x1="127.904" x2="104.123" y1="61.731" y2="133.77" gradientUnits="userSpaceOnUse"><stop stopColor="#fff" stopOpacity="0"/><stop offset="1" stopColor="#fff" stopOpacity=".275"/></linearGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU5)"><path fill="#242938" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clip-path="url(#SVGeZMHGeag)"><path fill="#1793d1" d="M127.5 41c-7.789 19.098-12.519 31.607-21.191 50.137c5.317 5.637 11.852 12.176 22.451 19.59c-11.395-4.69-19.163-9.385-24.972-14.27C92.688 119.617 75.288 152.594 40 216c27.728-16.008 49.224-25.882 69.257-29.651c-.857-3.694-1.315-7.709-1.282-11.877l.021-.876c.44-17.77 9.686-31.433 20.636-30.506c10.95.928 19.474 16.09 19.034 33.86c-.083 3.347-.472 6.563-1.132 9.549c19.817 3.878 41.11 13.708 68.466 29.501a9921 9921 0 0 1-14.825-27.408c-7.244-5.614-14.795-12.918-30.207-20.828c10.593 2.752 18.185 5.935 24.097 9.485C147.31 90.2 143.533 78.625 127.5 41"/><path fill="#fff" fill-opacity=".166" d="M176.755 145.015c-37.93-51.483-46.722-92.976-48.949-102.882c20.233 46.668 20.095 47.24 48.949 102.882"/><path fill="url(#SVGI0bIqbus)" d="M127.821 41.748c-.973 2.392-1.921 4.713-2.819 6.922c-.996 2.446-1.943 4.781-2.884 7.07s-1.874 4.524-2.799 6.73a713 713 0 0 1-2.798 6.58c-.947 2.193-1.899 4.41-2.906 6.664a572 572 0 0 1-3.161 6.943a636 636 0 0 1-3.504 7.456c-.172.359-.38.768-.555 1.132c5.301 5.614 11.827 12.111 22.366 19.482c-11.366-4.677-19.126-9.355-24.93-14.227c-.301.615-.565 1.164-.875 1.794c-.409.83-.9 1.772-1.325 2.628c-.746 1.529-1.525 3.1-2.328 4.721l-.898 1.773c-5.072 10.18-11.365 22.366-19.46 37.512c22.193-12.504 46.131-30.544 89.614-15.017c-2.18-4.13-4.184-8.002-6.067-11.643a1114 1114 0 0 1-5.255-10.275a819 819 0 0 1-4.529-9.143a620 620 0 0 1-3.93-8.203a508 508 0 0 1-3.461-7.52a476 476 0 0 1-3.097-6.986a512 512 0 0 1-2.842-6.729a644 644 0 0 1-2.713-6.665c-.32-.798-.64-1.629-.961-2.435c-2.453-5.759-4.972-11.726-7.883-18.564"/></g></g><defs><clipPath id="SVGv3WPqdcU5"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVGeZMHGeag"><path fill="#fff" d="M40 41h175v175H40z"/></clipPath><linearGradient id="SVGI0bIqbus" x1="127.904" x2="104.123" y1="61.731" y2="133.77" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity=".275"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-arch-dark {
  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%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGv3WPqdcU5)%22%3E%3Cpath%20fill%3D%22%23242938%22%20d%3D%22M196%200H60C26.863%200%200%2026.863%200%2060v136c0%2033.137%2026.863%2060%2060%2060h136c33.137%200%2060-26.863%2060-60V60c0-33.137-26.863-60-60-60%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGeZMHGeag)%22%3E%3Cpath%20fill%3D%22%231793d1%22%20d%3D%22M127.5%2041c-7.789%2019.098-12.519%2031.607-21.191%2050.137c5.317%205.637%2011.852%2012.176%2022.451%2019.59c-11.395-4.69-19.163-9.385-24.972-14.27C92.688%20119.617%2075.288%20152.594%2040%20216c27.728-16.008%2049.224-25.882%2069.257-29.651c-.857-3.694-1.315-7.709-1.282-11.877l.021-.876c.44-17.77%209.686-31.433%2020.636-30.506c10.95.928%2019.474%2016.09%2019.034%2033.86c-.083%203.347-.472%206.563-1.132%209.549c19.817%203.878%2041.11%2013.708%2068.466%2029.501a9921%209921%200%200%201-14.825-27.408c-7.244-5.614-14.795-12.918-30.207-20.828c10.593%202.752%2018.185%205.935%2024.097%209.485C147.31%2090.2%20143.533%2078.625%20127.5%2041%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.166%22%20d%3D%22M176.755%20145.015c-37.93-51.483-46.722-92.976-48.949-102.882c20.233%2046.668%2020.095%2047.24%2048.949%20102.882%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGI0bIqbus)%22%20d%3D%22M127.821%2041.748c-.973%202.392-1.921%204.713-2.819%206.922c-.996%202.446-1.943%204.781-2.884%207.07s-1.874%204.524-2.799%206.73a713%20713%200%200%201-2.798%206.58c-.947%202.193-1.899%204.41-2.906%206.664a572%20572%200%200%201-3.161%206.943a636%20636%200%200%201-3.504%207.456c-.172.359-.38.768-.555%201.132c5.301%205.614%2011.827%2012.111%2022.366%2019.482c-11.366-4.677-19.126-9.355-24.93-14.227c-.301.615-.565%201.164-.875%201.794c-.409.83-.9%201.772-1.325%202.628c-.746%201.529-1.525%203.1-2.328%204.721l-.898%201.773c-5.072%2010.18-11.365%2022.366-19.46%2037.512c22.193-12.504%2046.131-30.544%2089.614-15.017c-2.18-4.13-4.184-8.002-6.067-11.643a1114%201114%200%200%201-5.255-10.275a819%20819%200%200%201-4.529-9.143a620%20620%200%200%201-3.93-8.203a508%20508%200%200%201-3.461-7.52a476%20476%200%200%201-3.097-6.986a512%20512%200%200%201-2.842-6.729a644%20644%200%200%201-2.713-6.665c-.32-.798-.64-1.629-.961-2.435c-2.453-5.759-4.972-11.726-7.883-18.564%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGv3WPqdcU5%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22SVGeZMHGeag%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40%2041h175v175H40z%22%2F%3E%3C%2FclipPath%3E%3ClinearGradient%20id%3D%22SVGI0bIqbus%22%20x1%3D%22127.904%22%20x2%3D%22104.123%22%20y1%3D%2261.731%22%20y2%3D%22133.77%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.275%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGv3WPqdcU5)%22%3E%3Cpath%20fill%3D%22%23242938%22%20d%3D%22M196%200H60C26.863%200%200%2026.863%200%2060v136c0%2033.137%2026.863%2060%2060%2060h136c33.137%200%2060-26.863%2060-60V60c0-33.137-26.863-60-60-60%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGeZMHGeag)%22%3E%3Cpath%20fill%3D%22%231793d1%22%20d%3D%22M127.5%2041c-7.789%2019.098-12.519%2031.607-21.191%2050.137c5.317%205.637%2011.852%2012.176%2022.451%2019.59c-11.395-4.69-19.163-9.385-24.972-14.27C92.688%20119.617%2075.288%20152.594%2040%20216c27.728-16.008%2049.224-25.882%2069.257-29.651c-.857-3.694-1.315-7.709-1.282-11.877l.021-.876c.44-17.77%209.686-31.433%2020.636-30.506c10.95.928%2019.474%2016.09%2019.034%2033.86c-.083%203.347-.472%206.563-1.132%209.549c19.817%203.878%2041.11%2013.708%2068.466%2029.501a9921%209921%200%200%201-14.825-27.408c-7.244-5.614-14.795-12.918-30.207-20.828c10.593%202.752%2018.185%205.935%2024.097%209.485C147.31%2090.2%20143.533%2078.625%20127.5%2041%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.166%22%20d%3D%22M176.755%20145.015c-37.93-51.483-46.722-92.976-48.949-102.882c20.233%2046.668%2020.095%2047.24%2048.949%20102.882%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGI0bIqbus)%22%20d%3D%22M127.821%2041.748c-.973%202.392-1.921%204.713-2.819%206.922c-.996%202.446-1.943%204.781-2.884%207.07s-1.874%204.524-2.799%206.73a713%20713%200%200%201-2.798%206.58c-.947%202.193-1.899%204.41-2.906%206.664a572%20572%200%200%201-3.161%206.943a636%20636%200%200%201-3.504%207.456c-.172.359-.38.768-.555%201.132c5.301%205.614%2011.827%2012.111%2022.366%2019.482c-11.366-4.677-19.126-9.355-24.93-14.227c-.301.615-.565%201.164-.875%201.794c-.409.83-.9%201.772-1.325%202.628c-.746%201.529-1.525%203.1-2.328%204.721l-.898%201.773c-5.072%2010.18-11.365%2022.366-19.46%2037.512c22.193-12.504%2046.131-30.544%2089.614-15.017c-2.18-4.13-4.184-8.002-6.067-11.643a1114%201114%200%200%201-5.255-10.275a819%20819%200%200%201-4.529-9.143a620%20620%200%200%201-3.93-8.203a508%20508%200%200%201-3.461-7.52a476%20476%200%200%201-3.097-6.986a512%20512%200%200%201-2.842-6.729a644%20644%200%200%201-2.713-6.665c-.32-.798-.64-1.629-.961-2.435c-2.453-5.759-4.972-11.726-7.883-18.564%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGv3WPqdcU5%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22SVGeZMHGeag%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40%2041h175v175H40z%22%2F%3E%3C%2FclipPath%3E%3ClinearGradient%20id%3D%22SVGI0bIqbus%22%20x1%3D%22127.904%22%20x2%3D%22104.123%22%20y1%3D%2261.731%22%20y2%3D%22133.77%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.275%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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