Skip to content

Instantly share code, notes, and snippets.

@jeyraof
Last active April 22, 2020 06:54
Show Gist options
  • Save jeyraof/bfe51b87ef8312af51b598b207ac4124 to your computer and use it in GitHub Desktop.
Save jeyraof/bfe51b87ef8312af51b598b207ac4124 to your computer and use it in GitHub Desktop.
kakao mail profile style svg frame
.with_frame {
&::before {
background-image: url("data:image/svg+xml,%3Csvg class='ico_obj' width='160px' height='160px' viewBox='0 0 160 160' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M170,-10 L170,170 L-10,170 L-10,-10 L170,-10 Z M80,0 C20.5777778,0 0,20.5777778 0,80 C0,139.422222 20.5777778,160 80,160 C139.422222,160 160,139.422222 160,80 C160,20.5777778 139.422222,0 80,0 Z' stroke-width='0'%3E%3C/path%3E%3Cpath class='obj_stroke' d='M160,80 C160,139.422222 139.422222,160 80,160 C20.5777778,160 0,139.422222 0,80 C0,20.5777778 20.5777778,0 80,0 C139.422222,0 160,20.5777778 160,80 Z' fill='none'%3E%3C/path%3E%3C/svg%3E");
}
}
Display the source blob
Display the rendered blob
Raw
<!--from mail.kakao.com -->
<svg class="ico_obj" width="160" height="160px" viewBox="0 0 160 160" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M170,-10 L170,170 L-10,170 L-10,-10 L170,-10 Z M80,0 C20.5777778,0 0,20.5777778 0,80 C0,139.422222 20.5777778,160 80,160 C139.422222,160 160,139.422222 160,80 C160,20.5777778 139.422222,0 80,0 Z" stroke-width="0"></path>
<path class="obj_stroke" d="M160,80 C160,139.422222 139.422222,160 80,160 C20.5777778,160 0,139.422222 0,80 C0,20.5777778 20.5777778,0 80,0 C139.422222,0 160,20.5777778 160,80 Z" fill="none"></path>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment