File circle

12px
file-circle
File circle
18px
file-circle
File circle
24px
file-circle
File circle
36px
file-circle
File circle
48px
file-circle
File circle
72px
file-circle
File circle

HTML Code

Copy the below code and use in your projects

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<g filter="url(#filter0_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.11111 7C8.49746 7 8 7.49746 8 8.11111V15.8889C8 16.5025 8.49746 17 9.11111 17H14.6667C15.2803 17 15.7778 16.5025 15.7778 15.8889V8.11111C15.7778 7.49746 15.2803 7 14.6667 7H9.11111ZM14.6667 8.11111H9.11111V15.8889H14.6667V8.11111Z" fill="black"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z" fill="black"/>
</g>
<defs>
<filter id="filter0_d" x="4" y="7" width="15.7778" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<clipPath id="clip0">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>