Icons

Caret

<svg class="icon--caret" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 14 10">
  <defs>
    <path id="a" d="M9.924 9.879l3.869-3.869a1.5 1.5 0 1 1 2.12 2.121l-5.989 5.99-5.985-5.984a1.5 1.5 0 0 1 2.122-2.122L9.924 9.88z"/>
  </defs>
  <g fill="none" fill-rule="evenodd" transform="translate(-3 -5)">
    <mask id="b" fill="#fff">
      <use xlink:href="#a"/>
    </mask>
    <use fill="#FFF" fill-rule="nonzero" xlink:href="#a"/>
    <g fill="#FFF" mask="url(#b)">
      <path d="M0 0h20v20H0z"/>
    </g>
  </g>
</svg>

Close

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
  <defs>
    <path id="a" d="M8.333 10L4.37 6.109a1.22 1.22 0 0 1 0-1.747 1.275 1.275 0 0 1 1.78 0L10 8.142l3.852-3.78a1.275 1.275 0 0 1 1.78 0 1.219 1.219 0 0 1 0 1.747L11.666 10l3.964 3.891a1.219 1.219 0 0 1 0 1.747 1.275 1.275 0 0 1-1.78 0L10 11.858l-3.853 3.78a1.275 1.275 0 0 1-1.78 0 1.219 1.219 0 0 1 0-1.747L8.334 10z"/>
  </defs>
  <g fill="none" fill-rule="evenodd" transform="translate(-4 -4)">
    <mask id="b" fill="#fff">
      <use xlink:href="#a"/>
    </mask>
    <use fill="#FFF" transform="rotate(-180 10 10)" xlink:href="#a"/>
    <g fill="#FFF" mask="url(#b)">
      <path d="M20 20H0V0h20z"/>
    </g>
  </g>
</svg>

Site Logo A11y

Smart Columbus Leading the fututre of smart cities
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 135 180" aria-labelledby="title" aria-describedby="desc">
  <title>Smart Columbus</title>
  <description>Leading the fututre of smart cities</description>
  <g fill="none" fill-rule="evenodd">
    <path fill="#000" d="M0 180h135V0H0z"/>
    <path fill="#FFF" d="M20.872 74.722l6.326-7.648c4.379 3.649 8.967 5.964 14.528 5.964 4.38 0 7.02-1.754 7.02-4.63v-.141c0-2.737-1.668-4.14-9.8-6.245-9.802-2.526-16.127-5.262-16.127-15.014v-.14c0-8.912 7.09-14.805 17.03-14.805 7.09 0 13.138 2.244 18.073 6.244l-5.56 8.139c-4.31-3.017-8.55-4.841-12.652-4.841-4.1 0-6.256 1.894-6.256 4.28v.14c0 3.228 2.086 4.28 10.496 6.455 9.871 2.596 15.432 6.174 15.432 14.734v.14c0 9.753-7.368 15.226-17.864 15.226-7.369 0-14.807-2.596-20.646-7.858m43.099-41.958h11.548L88.32 53.533l12.8-20.769h11.549v49.115h-10.644V49.814L88.32 70.793h-.278L74.476 50.024v31.855H63.971zm-17.408 78.455c5.363 0 8.437-2.868 8.437-7.098v-.143c0-4.732-3.288-7.17-8.65-7.17H35.41v14.41h11.153zM24.4 86.843h22.88c6.363 0 11.296 1.792 14.585 5.09 2.79 2.796 4.29 6.74 4.29 11.47v.145c0 8.1-4.361 13.191-10.724 15.557l12.226 17.923h-12.87l-10.725-16.06H35.41v16.06H24.4V86.843zm58.414 10.18H67.081v-10.18h42.922v10.18H93.825v40.006H82.814zm-54.521 58.142a5.52 5.52 0 0 1-2.187-.43 5.383 5.383 0 0 1-1.744-1.174 5.333 5.333 0 0 1-1.148-1.756 5.67 5.67 0 0 1-.413-2.164v-.03c0-.767.138-1.485.413-2.156a5.546 5.546 0 0 1 1.148-1.763 5.293 5.293 0 0 1 1.759-1.197 5.72 5.72 0 0 1 2.264-.438c.5 0 .956.041 1.37.122a5.83 5.83 0 0 1 1.124.339c.338.144.648.318.933.522.285.205.552.43.796.675l-1.499 1.733a5.714 5.714 0 0 0-1.278-.89 3.242 3.242 0 0 0-1.461-.322 2.97 2.97 0 0 0-2.234.983c-.276.307-.49.661-.643 1.066a3.643 3.643 0 0 0-.229 1.294v.033c0 .46.077.894.23 1.304.153.408.364.766.634 1.072.27.308.597.551.98.729.382.18.804.27 1.262.27.612 0 1.13-.113 1.553-.338a6.097 6.097 0 0 0 1.263-.92l1.499 1.518a7.916 7.916 0 0 1-.857.799 4.947 4.947 0 0 1-2.127.987 6.862 6.862 0 0 1-1.408.132m11.613-2.178c.47 0 .903-.087 1.3-.26a3 3 0 0 0 1.017-.722c.281-.307.502-.662.66-1.066.157-.406.237-.836.237-1.298v-.029c0-.461-.08-.896-.238-1.305a3.24 3.24 0 0 0-1.705-1.804 3.16 3.16 0 0 0-1.301-.267c-.48 0-.916.088-1.309.261a2.996 2.996 0 0 0-1.01.722c-.28.307-.5.662-.657 1.066a3.518 3.518 0 0 0-.237 1.296v.031c0 .46.078.893.237 1.304a3.23 3.23 0 0 0 1.698 1.801c.392.18.828.27 1.308.27m-.03 2.179a5.843 5.843 0 0 1-2.28-.438 5.674 5.674 0 0 1-1.798-1.182 5.286 5.286 0 0 1-1.177-1.748 5.505 5.505 0 0 1-.421-2.157v-.029c0-.768.142-1.487.428-2.157a5.495 5.495 0 0 1 2.99-2.96 5.891 5.891 0 0 1 2.288-.438c.827 0 1.586.147 2.28.438.693.29 1.293.685 1.797 1.181a5.256 5.256 0 0 1 1.179 1.749c.28.67.42 1.389.42 2.156v.031c0 .766-.142 1.485-.428 2.155a5.572 5.572 0 0 1-1.185 1.764 5.507 5.507 0 0 1-1.806 1.197c-.699.29-1.46.438-2.287.438m7.909-10.924h2.356v8.606h5.339v2.133h-7.695zM61.3 155.15c-1.44 0-2.57-.4-3.398-1.197-.826-.798-1.24-1.989-1.24-3.575v-6.135h2.358v6.074c0 .88.205 1.541.612 1.987.407.446.973.667 1.698.667.724 0 1.29-.215 1.7-.644.407-.43.611-1.074.611-1.933v-6.151h2.356v6.058c0 .818-.11 1.531-.33 2.133a4.009 4.009 0 0 1-.94 1.512 3.857 3.857 0 0 1-1.484.905c-.583.198-1.23.3-1.944.3m7.561-10.909h2.54l2.815 4.542 2.815-4.542h2.541v10.739h-2.326v-7.011l-3.014 4.586h-.06l-2.985-4.541v6.966H68.86zm18.66 8.668c.52 0 .928-.096 1.223-.284.297-.19.444-.483.444-.883v-.03a1.01 1.01 0 0 0-.414-.852c-.273-.208-.717-.314-1.33-.314H84.72v2.363h2.8zm-.628-4.327c.52 0 .935-.089 1.24-.269.305-.178.459-.468.459-.866v-.03c0-.358-.134-.632-.4-.822-.263-.19-.646-.283-1.145-.283H84.72v2.27h2.172zm-4.467-4.34h4.963c1.232 0 2.165.317 2.795.95.488.49.733 1.1.733 1.826v.03c0 .308-.037.577-.114.814a2.449 2.449 0 0 1-.745 1.135 3.031 3.031 0 0 1-.54.368c.62.235 1.107.554 1.462.959.356.405.533.964.533 1.68v.03c0 .492-.093.92-.282 1.29a2.48 2.48 0 0 1-.81.919c-.351.245-.773.43-1.267.552a6.789 6.789 0 0 1-1.642.185h-5.086v-10.739z"/>
    <path fill="#ED3523" d="M98.046 155.15c-1.439 0-2.569-.4-3.395-1.197-.828-.798-1.24-1.989-1.24-3.575v-6.135h2.355v6.074c0 .88.205 1.541.614 1.987.406.446.973.667 1.696.667.726 0 1.29-.215 1.7-.644.407-.43.61-1.074.61-1.933v-6.151h2.355v6.058c0 .818-.108 1.531-.327 2.133-.22.604-.533 1.108-.942 1.512a3.865 3.865 0 0 1-1.482.905 6 6 0 0 1-1.944.3m11.03-.017c-.817 0-1.616-.14-2.402-.422a6.323 6.323 0 0 1-2.14-1.295l1.391-1.672c.49.398.992.714 1.507.95a4.02 4.02 0 0 0 1.69.352c.49 0 .87-.088 1.14-.267a.85.85 0 0 0 .406-.745v-.03a.947.947 0 0 0-.084-.407.868.868 0 0 0-.322-.329 3.386 3.386 0 0 0-.66-.307 11.242 11.242 0 0 0-1.097-.323 13.018 13.018 0 0 1-1.474-.446 4.133 4.133 0 0 1-1.12-.605 2.434 2.434 0 0 1-.712-.898c-.17-.357-.253-.801-.253-1.333v-.032c0-.49.092-.934.273-1.326.181-.395.437-.733.768-1.022.33-.285.72-.505 1.18-.658a4.737 4.737 0 0 1 1.511-.231 6.41 6.41 0 0 1 2.165.353 6.265 6.265 0 0 1 1.814 1.013l-1.225 1.779a7.84 7.84 0 0 0-1.406-.774 3.605 3.605 0 0 0-1.378-.285c-.46 0-.803.09-1.033.269-.23.18-.344.4-.344.668v.029a.97.97 0 0 0 .1.454.92.92 0 0 0 .36.346c.175.1.412.198.713.29.302.092.683.2 1.142.324.542.142 1.026.303 1.451.482.424.18.78.393 1.074.644.291.251.51.545.659.883.149.336.225.741.225 1.212v.03c0 .532-.098 1.005-.292 1.42-.19.414-.46.76-.805 1.042a3.586 3.586 0 0 1-1.233.644 5.327 5.327 0 0 1-1.589.223"/>
    <path fill="#FFF" d="M98.122 139.829l.42 1.367h1.364l-1.103.844.42 1.366-1.101-.845-1.104.845.421-1.366-1.1-.844H97.7z"/>
  </g>
</svg>

Star

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
  <defs>
    <path id="a" d="M10 4l1.5 4.5H16l-3.75 3 1.5 4.5L10 13l-3.75 3 1.5-4.5L4 8.5h4.5z"/>
  </defs>
  <use fill="#FFF" fill-rule="evenodd" transform="translate(-4 -4)" xlink:href="#a"/>
</svg>