inkdrop logo

inkdrop from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
inkdrop
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the inkdrop logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.854 1.812A3.7 3.7 0 0 1 11.607.02a3.68 3.68 0 0 1 2.656.77a3.7 3.7 0 0 1 .873 1.01c2.164 3.72 4.314 7.45 6.47 11.176a3.67 3.67 0 0 1 .476 1.963a3.64 3.64 0 0 1-.463 1.658c-1.067 1.862-2.142 3.72-3.213 5.58a3.71 3.71 0 0 1-3.134 1.821c-2.17.004-4.339 0-6.508 0a3.71 3.71 0 0 1-3.137-1.8c-1.082-1.86-2.156-3.723-3.234-5.585a3.71 3.71 0 0 1-.007-3.628C4.534 9.256 6.698 5.537 8.854 1.813ZM4.625 14.15a1.19 1.19 0 0 0 0 1.184c1.074 1.863 2.085 3.627 3.174 5.482a1.19 1.19 0 0 0 1.02.585c2.169.004 4.219.013 6.388 0a1.19 1.19 0 0 0 1.018-.591c1.075-1.858 2.095-3.612 3.154-5.479a1.19 1.19 0 0 0-.004-1.176c-2.15-3.73-4.172-7.26-6.352-10.972a1.2 1.2 0 0 0-1.118-.58a1.19 1.19 0 0 0-.933.584A2975 2975 0 0 0 4.625 14.15m8.466 4.064a1.26 1.26 0 0 1-2.182 0l-2.164-3.748a1.26 1.26 0 0 1 1.091-1.89h4.328a1.26 1.26 0 0 1 1.091 1.89z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsInkdrop(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.854 1.812A3.7 3.7 0 0 1 11.607.02a3.68 3.68 0 0 1 2.656.77a3.7 3.7 0 0 1 .873 1.01c2.164 3.72 4.314 7.45 6.47 11.176a3.67 3.67 0 0 1 .476 1.963a3.64 3.64 0 0 1-.463 1.658c-1.067 1.862-2.142 3.72-3.213 5.58a3.71 3.71 0 0 1-3.134 1.821c-2.17.004-4.339 0-6.508 0a3.71 3.71 0 0 1-3.137-1.8c-1.082-1.86-2.156-3.723-3.234-5.585a3.71 3.71 0 0 1-.007-3.628C4.534 9.256 6.698 5.537 8.854 1.813ZM4.625 14.15a1.19 1.19 0 0 0 0 1.184c1.074 1.863 2.085 3.627 3.174 5.482a1.19 1.19 0 0 0 1.02.585c2.169.004 4.219.013 6.388 0a1.19 1.19 0 0 0 1.018-.591c1.075-1.858 2.095-3.612 3.154-5.479a1.19 1.19 0 0 0-.004-1.176c-2.15-3.73-4.172-7.26-6.352-10.972a1.2 1.2 0 0 0-1.118-.58a1.19 1.19 0 0 0-.933.584A2975 2975 0 0 0 4.625 14.15m8.466 4.064a1.26 1.26 0 0 1-2.182 0l-2.164-3.748a1.26 1.26 0 0 1 1.091-1.89h4.328a1.26 1.26 0 0 1 1.091 1.89z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.854 1.812A3.7 3.7 0 0 1 11.607.02a3.68 3.68 0 0 1 2.656.77a3.7 3.7 0 0 1 .873 1.01c2.164 3.72 4.314 7.45 6.47 11.176a3.67 3.67 0 0 1 .476 1.963a3.64 3.64 0 0 1-.463 1.658c-1.067 1.862-2.142 3.72-3.213 5.58a3.71 3.71 0 0 1-3.134 1.821c-2.17.004-4.339 0-6.508 0a3.71 3.71 0 0 1-3.137-1.8c-1.082-1.86-2.156-3.723-3.234-5.585a3.71 3.71 0 0 1-.007-3.628C4.534 9.256 6.698 5.537 8.854 1.813ZM4.625 14.15a1.19 1.19 0 0 0 0 1.184c1.074 1.863 2.085 3.627 3.174 5.482a1.19 1.19 0 0 0 1.02.585c2.169.004 4.219.013 6.388 0a1.19 1.19 0 0 0 1.018-.591c1.075-1.858 2.095-3.612 3.154-5.479a1.19 1.19 0 0 0-.004-1.176c-2.15-3.73-4.172-7.26-6.352-10.972a1.2 1.2 0 0 0-1.118-.58a1.19 1.19 0 0 0-.933.584A2975 2975 0 0 0 4.625 14.15m8.466 4.064a1.26 1.26 0 0 1-2.182 0l-2.164-3.748a1.26 1.26 0 0 1 1.091-1.89h4.328a1.26 1.26 0 0 1 1.091 1.89z"/></svg>
</template>

CSS

.icon-inkdrop {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.854%201.812A3.7%203.7%200%200%201%2011.607.02a3.68%203.68%200%200%201%202.656.77a3.7%203.7%200%200%201%20.873%201.01c2.164%203.72%204.314%207.45%206.47%2011.176a3.67%203.67%200%200%201%20.476%201.963a3.64%203.64%200%200%201-.463%201.658c-1.067%201.862-2.142%203.72-3.213%205.58a3.71%203.71%200%200%201-3.134%201.821c-2.17.004-4.339%200-6.508%200a3.71%203.71%200%200%201-3.137-1.8c-1.082-1.86-2.156-3.723-3.234-5.585a3.71%203.71%200%200%201-.007-3.628C4.534%209.256%206.698%205.537%208.854%201.813ZM4.625%2014.15a1.19%201.19%200%200%200%200%201.184c1.074%201.863%202.085%203.627%203.174%205.482a1.19%201.19%200%200%200%201.02.585c2.169.004%204.219.013%206.388%200a1.19%201.19%200%200%200%201.018-.591c1.075-1.858%202.095-3.612%203.154-5.479a1.19%201.19%200%200%200-.004-1.176c-2.15-3.73-4.172-7.26-6.352-10.972a1.2%201.2%200%200%200-1.118-.58a1.19%201.19%200%200%200-.933.584A2975%202975%200%200%200%204.625%2014.15m8.466%204.064a1.26%201.26%200%200%201-2.182%200l-2.164-3.748a1.26%201.26%200%200%201%201.091-1.89h4.328a1.26%201.26%200%200%201%201.091%201.89z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.854%201.812A3.7%203.7%200%200%201%2011.607.02a3.68%203.68%200%200%201%202.656.77a3.7%203.7%200%200%201%20.873%201.01c2.164%203.72%204.314%207.45%206.47%2011.176a3.67%203.67%200%200%201%20.476%201.963a3.64%203.64%200%200%201-.463%201.658c-1.067%201.862-2.142%203.72-3.213%205.58a3.71%203.71%200%200%201-3.134%201.821c-2.17.004-4.339%200-6.508%200a3.71%203.71%200%200%201-3.137-1.8c-1.082-1.86-2.156-3.723-3.234-5.585a3.71%203.71%200%200%201-.007-3.628C4.534%209.256%206.698%205.537%208.854%201.813ZM4.625%2014.15a1.19%201.19%200%200%200%200%201.184c1.074%201.863%202.085%203.627%203.174%205.482a1.19%201.19%200%200%200%201.02.585c2.169.004%204.219.013%206.388%200a1.19%201.19%200%200%200%201.018-.591c1.075-1.858%202.095-3.612%203.154-5.479a1.19%201.19%200%200%200-.004-1.176c-2.15-3.73-4.172-7.26-6.352-10.972a1.2%201.2%200%200%200-1.118-.58a1.19%201.19%200%200%200-.933.584A2975%202975%200%200%200%204.625%2014.15m8.466%204.064a1.26%201.26%200%200%201-2.182%200l-2.164-3.748a1.26%201.26%200%200%201%201.091-1.89h4.328a1.26%201.26%200%200%201%201.091%201.89z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/inkdrop.svg?color=%231a73e8&size=48