How can I add Pictink profile to my website/blog?

Add the style sheet(CSS) to the head section of your website.

<link rel="stylesheet" href="https://storage.googleapis.com/pictink-glyph/style.css">

To add Icon with dark background, use the below code snippet,

  <a style="text-decoration: none;" href="https://www.pictink.com/profile/YOUR_PENNAME" target="_blank">
    <span class="icon-pictink_dark"><span class="path1"></span><span class="path2"></span></span>
  </a>

You can use the below css class to set font size and color,

.icon-pictink_dark {
  font-size: 2em;
}
.icon-pictink_dark .path1:before {
  color: grey;
}

To add Icon with light background, use the below code snippet,

  <a style="text-decoration: none;" href="https://www.pictink.com/profile/YOUR_PENNAME" target="_blank">
    <span class="icon-pictink_light"><span class="path1"></span><span class="path2"></span></span>
  </a>

You can use the below css class to set font size and color,

.icon-pictink_light {
  font-size: 2em;
}
.icon-pictink_light .path1:before {
  color: #eee;
}