fanfou logo

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

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

Use the fanfou logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.96.066l1.369 2.081q-4.9 1.358-10.787 1.83v3.807h10.194q-.672 6.64-3.504 10.552Q21.09 20.55 24 22.274l-1.7 1.66a25 25 0 0 1-4.582-3.74a21 21 0 0 1-4.993 3.74l-1.528-1.726q3.214-1.818 5.019-3.793q-2.4-3.78-3.135-8.312h-.54q.105 8.339-2.885 13.806l-2.002-1.396q2.594-4.546 2.594-12.792V1.897q6.43-.25 11.712-1.83Zm-1.897 10.038h-4.61q.526 3.451 2.292 6.335q1.776-2.791 2.318-6.335M9.405 3.623Q9.22 6.6 8.246 9.8L6.1 9.182q.461-1.332.83-3.2H3.583Q2.648 8.259 1.646 9.97L0 8.18Q1.778 5.032 2.858.092l2.24.646a64 64 0 0 1-.764 2.885Zm-.96 15.754q-2.426 2.423-4.61 3.86l-1.385-1.91q.382-.33.382-1.002V8.431h2.345v10.84q.935-.724 2.318-2.107z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsFanfou(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="m21.96.066l1.369 2.081q-4.9 1.358-10.787 1.83v3.807h10.194q-.672 6.64-3.504 10.552Q21.09 20.55 24 22.274l-1.7 1.66a25 25 0 0 1-4.582-3.74a21 21 0 0 1-4.993 3.74l-1.528-1.726q3.214-1.818 5.019-3.793q-2.4-3.78-3.135-8.312h-.54q.105 8.339-2.885 13.806l-2.002-1.396q2.594-4.546 2.594-12.792V1.897q6.43-.25 11.712-1.83Zm-1.897 10.038h-4.61q.526 3.451 2.292 6.335q1.776-2.791 2.318-6.335M9.405 3.623Q9.22 6.6 8.246 9.8L6.1 9.182q.461-1.332.83-3.2H3.583Q2.648 8.259 1.646 9.97L0 8.18Q1.778 5.032 2.858.092l2.24.646a64 64 0 0 1-.764 2.885Zm-.96 15.754q-2.426 2.423-4.61 3.86l-1.385-1.91q.382-.33.382-1.002V8.431h2.345v10.84q.935-.724 2.318-2.107z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.96.066l1.369 2.081q-4.9 1.358-10.787 1.83v3.807h10.194q-.672 6.64-3.504 10.552Q21.09 20.55 24 22.274l-1.7 1.66a25 25 0 0 1-4.582-3.74a21 21 0 0 1-4.993 3.74l-1.528-1.726q3.214-1.818 5.019-3.793q-2.4-3.78-3.135-8.312h-.54q.105 8.339-2.885 13.806l-2.002-1.396q2.594-4.546 2.594-12.792V1.897q6.43-.25 11.712-1.83Zm-1.897 10.038h-4.61q.526 3.451 2.292 6.335q1.776-2.791 2.318-6.335M9.405 3.623Q9.22 6.6 8.246 9.8L6.1 9.182q.461-1.332.83-3.2H3.583Q2.648 8.259 1.646 9.97L0 8.18Q1.778 5.032 2.858.092l2.24.646a64 64 0 0 1-.764 2.885Zm-.96 15.754q-2.426 2.423-4.61 3.86l-1.385-1.91q.382-.33.382-1.002V8.431h2.345v10.84q.935-.724 2.318-2.107z"/></svg>
</template>

CSS

.icon-fanfou {
  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%22m21.96.066l1.369%202.081q-4.9%201.358-10.787%201.83v3.807h10.194q-.672%206.64-3.504%2010.552Q21.09%2020.55%2024%2022.274l-1.7%201.66a25%2025%200%200%201-4.582-3.74a21%2021%200%200%201-4.993%203.74l-1.528-1.726q3.214-1.818%205.019-3.793q-2.4-3.78-3.135-8.312h-.54q.105%208.339-2.885%2013.806l-2.002-1.396q2.594-4.546%202.594-12.792V1.897q6.43-.25%2011.712-1.83Zm-1.897%2010.038h-4.61q.526%203.451%202.292%206.335q1.776-2.791%202.318-6.335M9.405%203.623Q9.22%206.6%208.246%209.8L6.1%209.182q.461-1.332.83-3.2H3.583Q2.648%208.259%201.646%209.97L0%208.18Q1.778%205.032%202.858.092l2.24.646a64%2064%200%200%201-.764%202.885Zm-.96%2015.754q-2.426%202.423-4.61%203.86l-1.385-1.91q.382-.33.382-1.002V8.431h2.345v10.84q.935-.724%202.318-2.107z%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%22m21.96.066l1.369%202.081q-4.9%201.358-10.787%201.83v3.807h10.194q-.672%206.64-3.504%2010.552Q21.09%2020.55%2024%2022.274l-1.7%201.66a25%2025%200%200%201-4.582-3.74a21%2021%200%200%201-4.993%203.74l-1.528-1.726q3.214-1.818%205.019-3.793q-2.4-3.78-3.135-8.312h-.54q.105%208.339-2.885%2013.806l-2.002-1.396q2.594-4.546%202.594-12.792V1.897q6.43-.25%2011.712-1.83Zm-1.897%2010.038h-4.61q.526%203.451%202.292%206.335q1.776-2.791%202.318-6.335M9.405%203.623Q9.22%206.6%208.246%209.8L6.1%209.182q.461-1.332.83-3.2H3.583Q2.648%208.259%201.646%209.97L0%208.18Q1.778%205.032%202.858.092l2.24.646a64%2064%200%200%201-.764%202.885Zm-.96%2015.754q-2.426%202.423-4.61%203.86l-1.385-1.91q.382-.33.382-1.002V8.431h2.345v10.84q.935-.724%202.318-2.107z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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