My Location Off

By Vjacheslav Trushkin in Material Line Icons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <mask id="lineMdMyLocationOff0">
    <g fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2">
      <path stroke-dasharray="56" stroke-dashoffset="56" d="M12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4Z">
        <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="56;0"/>
      </path>
      <path d="M12 4v0M20 12h0M12 20v0M4 12h0" opacity="0">
        <set attributeName="opacity" begin="0.9s" to="1"/>
        <animate fill="freeze" attributeName="d" begin="0.9s" dur="0.2s" values="M12 4v0M20 12h0M12 20v0M4 12h0;M12 4v-2M20 12h2M12 20v2M4 12h-2"/>
      </path>
    </g>
    <circle cx="12" cy="12" r="0" fill="#fff" fill-opacity="0">
      <set attributeName="fill-opacity" begin="0.6s" to="1"/>
      <animate fill="freeze" attributeName="r" begin="0.6s" dur="0.2s" values="0;4"/>
    </circle>
    <g fill="none" stroke-dasharray="26" stroke-dashoffset="26" stroke-linecap="round" stroke-width="2" transform="rotate(45 12 12)">
      <path stroke="#000" d="M0 11h24"/>
      <path stroke="#fff" d="M1 13h22"/>
      <animate fill="freeze" attributeName="stroke-dashoffset" begin="1.1s" dur="0.2s" values="26;0"/>
    </g>
  </mask>
  <rect width="24" height="24" fill="currentColor" mask="url(#lineMdMyLocationOff0)"/>
</svg>


My Location Off Icons examples

See what this icon looks like in some mockup designs
My Location OffHome

Related icons in Material Line Icons

copy save
account
copy save
account-add
copy save
account-alert
copy save
account-alert-loop
copy save
account-delete
copy save
account-remove
copy save
account-small
copy save
log-in
copy save
log-out
copy save
login
copy save
logout
copy save
person
copy save
person-add
copy save
person-add-filled
copy save
person-add-twotone
copy save
person-filled
copy save
person-off
copy save
person-off-filled
copy save
person-off-filled-loop
copy save
person-off-loop