Number 6 Duotone

By Dariush Habibpour in IconaMoon

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <g fill="currentColor">
    <path d="M17 15a5 5 0 1 1-10 0a5 5 0 0 1 10 0Z" opacity=".16"/>
    <path d="M13.847 4.532a1 1 0 1 0-1.694-1.064l1.694 1.064Zm-6.92 7.264A1 1 0 0 0 8.62 12.86l-1.694-1.064ZM16 15a4 4 0 0 1-4 4v2a6 6 0 0 0 6-6h-2Zm-4 4a4 4 0 0 1-4-4H6a6 6 0 0 0 6 6v-2Zm-4-4a4 4 0 0 1 4-4V9a6 6 0 0 0-6 6h2Zm4-4a4 4 0 0 1 4 4h2a6 6 0 0 0-6-6v2Zm.153-7.532l-5.227 8.328L8.62 12.86l5.227-8.328l-1.694-1.064Z"/>
  </g>
</svg>


Number 6 Duotone Icons examples

See what this icon looks like in some mockup designs
Number 6 DuotoneHome

Related icons in IconaMoon

copy save
arrow-bottom-left-1
copy save
arrow-bottom-left-1-bold
copy save
arrow-bottom-left-1-fill
copy save
arrow-bottom-left-1-light
copy save
arrow-bottom-left-1-thin
copy save
arrow-bottom-left-2
copy save
arrow-bottom-left-2-bold
copy save
arrow-bottom-left-2-fill
copy save
arrow-bottom-left-2-light
copy save
arrow-bottom-left-2-thin
copy save
arrow-bottom-left-3-square
copy save
arrow-bottom-left-3-square-bold
copy save
arrow-bottom-left-3-square-duotone
copy save
arrow-bottom-left-3-square-fill
copy save
arrow-bottom-left-3-square-light
copy save
arrow-bottom-left-3-square-thin
copy save
arrow-bottom-left-4-square
copy save
arrow-bottom-left-4-square-bold
copy save
arrow-bottom-left-4-square-duotone
copy save
arrow-bottom-left-4-square-fill