affine logo
affine from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- affine
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the affine logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.995 1.377a1.73 1.73 0 0 0-1.496.863C9.322 4.294 1.088 18.503.127 20.234c-.39.937.154 2.048 1.131 2.32c.406.108.834.054 1.203.067c5.374.005 14.234-.006 19.624 0a2.4 2.4 0 0 0 .658-.066a1.75 1.75 0 0 0 1.256-1.606a1.8 1.8 0 0 0-.125-.713c-.111-.241-.195-.367-.287-.531l-.545-.943L14.32 3.656l-.545-.943l-.273-.473a1.9 1.9 0 0 0-.48-.535a1.7 1.7 0 0 0-1.028-.328Zm.006 1.3c.147 0 .293.074.375.215c.165.277.648 1.139.816 1.416c1.831 3.174 4.115 7.13 6.305 10.922L10.358 5.09c.33-.57 1.126-1.952 1.268-2.198V2.89A.43.43 0 0 1 12 2.677M9.788 6.144l7.555 7.846l-.057-.025l-8-5.442a14 14 0 0 1 .35-1.855zM8.37 8.535L4.22 21.32H2.46c-.11 0-.682.004-.757-.004c-.28-.005-.478-.33-.371-.588c.64-1.12 4.178-7.243 7.037-12.193Zm.844 1.205l5.574 3.432l-5.504-2.278a9 9 0 0 1-.07-1.154m-.86 1.377l-.697 9.465c-.72.303-1.473.537-2.24.725zm1.152.908l3.553 1.225H9.973a7 7 0 0 1-.33-.773q-.075-.225-.137-.452m-.552.852l.049.13l.834 6.339a9 9 0 0 1-1.088.707zm1.865 1.168h2.365c.18 0 .293.193.203.35l-1.183 2.048a.233.233 0 0 1-.405 0h-.002l-1.181-2.049a.233.233 0 0 1 .203-.35zm3.678.016a7 7 0 0 1 .832.1a8 8 0 0 1 .463.109l-2.842 2.466zm2.38.58a9 9 0 0 1 1.057.527l-5.879 3.174zm-6.888.257l1.543 2.672a7 7 0 0 1-.504.67a8 8 0 0 1-.322.346zm8.965.946c.274.203.538.422.797.648l.986 1.024l-10.709 2.652l.059-.041zm2.447 2.685l1.194 2.065c.06.1.051.104.074.136a.44.44 0 0 1-.28.575c-.03.001-.057.014-.091.012c-.006.005-.13.003-.213.003H8.295z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsAffine(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="M11.995 1.377a1.73 1.73 0 0 0-1.496.863C9.322 4.294 1.088 18.503.127 20.234c-.39.937.154 2.048 1.131 2.32c.406.108.834.054 1.203.067c5.374.005 14.234-.006 19.624 0a2.4 2.4 0 0 0 .658-.066a1.75 1.75 0 0 0 1.256-1.606a1.8 1.8 0 0 0-.125-.713c-.111-.241-.195-.367-.287-.531l-.545-.943L14.32 3.656l-.545-.943l-.273-.473a1.9 1.9 0 0 0-.48-.535a1.7 1.7 0 0 0-1.028-.328Zm.006 1.3c.147 0 .293.074.375.215c.165.277.648 1.139.816 1.416c1.831 3.174 4.115 7.13 6.305 10.922L10.358 5.09c.33-.57 1.126-1.952 1.268-2.198V2.89A.43.43 0 0 1 12 2.677M9.788 6.144l7.555 7.846l-.057-.025l-8-5.442a14 14 0 0 1 .35-1.855zM8.37 8.535L4.22 21.32H2.46c-.11 0-.682.004-.757-.004c-.28-.005-.478-.33-.371-.588c.64-1.12 4.178-7.243 7.037-12.193Zm.844 1.205l5.574 3.432l-5.504-2.278a9 9 0 0 1-.07-1.154m-.86 1.377l-.697 9.465c-.72.303-1.473.537-2.24.725zm1.152.908l3.553 1.225H9.973a7 7 0 0 1-.33-.773q-.075-.225-.137-.452m-.552.852l.049.13l.834 6.339a9 9 0 0 1-1.088.707zm1.865 1.168h2.365c.18 0 .293.193.203.35l-1.183 2.048a.233.233 0 0 1-.405 0h-.002l-1.181-2.049a.233.233 0 0 1 .203-.35zm3.678.016a7 7 0 0 1 .832.1a8 8 0 0 1 .463.109l-2.842 2.466zm2.38.58a9 9 0 0 1 1.057.527l-5.879 3.174zm-6.888.257l1.543 2.672a7 7 0 0 1-.504.67a8 8 0 0 1-.322.346zm8.965.946c.274.203.538.422.797.648l.986 1.024l-10.709 2.652l.059-.041zm2.447 2.685l1.194 2.065c.06.1.051.104.074.136a.44.44 0 0 1-.28.575c-.03.001-.057.014-.091.012c-.006.005-.13.003-.213.003H8.295z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.995 1.377a1.73 1.73 0 0 0-1.496.863C9.322 4.294 1.088 18.503.127 20.234c-.39.937.154 2.048 1.131 2.32c.406.108.834.054 1.203.067c5.374.005 14.234-.006 19.624 0a2.4 2.4 0 0 0 .658-.066a1.75 1.75 0 0 0 1.256-1.606a1.8 1.8 0 0 0-.125-.713c-.111-.241-.195-.367-.287-.531l-.545-.943L14.32 3.656l-.545-.943l-.273-.473a1.9 1.9 0 0 0-.48-.535a1.7 1.7 0 0 0-1.028-.328Zm.006 1.3c.147 0 .293.074.375.215c.165.277.648 1.139.816 1.416c1.831 3.174 4.115 7.13 6.305 10.922L10.358 5.09c.33-.57 1.126-1.952 1.268-2.198V2.89A.43.43 0 0 1 12 2.677M9.788 6.144l7.555 7.846l-.057-.025l-8-5.442a14 14 0 0 1 .35-1.855zM8.37 8.535L4.22 21.32H2.46c-.11 0-.682.004-.757-.004c-.28-.005-.478-.33-.371-.588c.64-1.12 4.178-7.243 7.037-12.193Zm.844 1.205l5.574 3.432l-5.504-2.278a9 9 0 0 1-.07-1.154m-.86 1.377l-.697 9.465c-.72.303-1.473.537-2.24.725zm1.152.908l3.553 1.225H9.973a7 7 0 0 1-.33-.773q-.075-.225-.137-.452m-.552.852l.049.13l.834 6.339a9 9 0 0 1-1.088.707zm1.865 1.168h2.365c.18 0 .293.193.203.35l-1.183 2.048a.233.233 0 0 1-.405 0h-.002l-1.181-2.049a.233.233 0 0 1 .203-.35zm3.678.016a7 7 0 0 1 .832.1a8 8 0 0 1 .463.109l-2.842 2.466zm2.38.58a9 9 0 0 1 1.057.527l-5.879 3.174zm-6.888.257l1.543 2.672a7 7 0 0 1-.504.67a8 8 0 0 1-.322.346zm8.965.946c.274.203.538.422.797.648l.986 1.024l-10.709 2.652l.059-.041zm2.447 2.685l1.194 2.065c.06.1.051.104.074.136a.44.44 0 0 1-.28.575c-.03.001-.057.014-.091.012c-.006.005-.13.003-.213.003H8.295z"/></svg> </template>
CSS
.icon-affine {
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%22M11.995%201.377a1.73%201.73%200%200%200-1.496.863C9.322%204.294%201.088%2018.503.127%2020.234c-.39.937.154%202.048%201.131%202.32c.406.108.834.054%201.203.067c5.374.005%2014.234-.006%2019.624%200a2.4%202.4%200%200%200%20.658-.066a1.75%201.75%200%200%200%201.256-1.606a1.8%201.8%200%200%200-.125-.713c-.111-.241-.195-.367-.287-.531l-.545-.943L14.32%203.656l-.545-.943l-.273-.473a1.9%201.9%200%200%200-.48-.535a1.7%201.7%200%200%200-1.028-.328Zm.006%201.3c.147%200%20.293.074.375.215c.165.277.648%201.139.816%201.416c1.831%203.174%204.115%207.13%206.305%2010.922L10.358%205.09c.33-.57%201.126-1.952%201.268-2.198V2.89A.43.43%200%200%201%2012%202.677M9.788%206.144l7.555%207.846l-.057-.025l-8-5.442a14%2014%200%200%201%20.35-1.855zM8.37%208.535L4.22%2021.32H2.46c-.11%200-.682.004-.757-.004c-.28-.005-.478-.33-.371-.588c.64-1.12%204.178-7.243%207.037-12.193Zm.844%201.205l5.574%203.432l-5.504-2.278a9%209%200%200%201-.07-1.154m-.86%201.377l-.697%209.465c-.72.303-1.473.537-2.24.725zm1.152.908l3.553%201.225H9.973a7%207%200%200%201-.33-.773q-.075-.225-.137-.452m-.552.852l.049.13l.834%206.339a9%209%200%200%201-1.088.707zm1.865%201.168h2.365c.18%200%20.293.193.203.35l-1.183%202.048a.233.233%200%200%201-.405%200h-.002l-1.181-2.049a.233.233%200%200%201%20.203-.35zm3.678.016a7%207%200%200%201%20.832.1a8%208%200%200%201%20.463.109l-2.842%202.466zm2.38.58a9%209%200%200%201%201.057.527l-5.879%203.174zm-6.888.257l1.543%202.672a7%207%200%200%201-.504.67a8%208%200%200%201-.322.346zm8.965.946c.274.203.538.422.797.648l.986%201.024l-10.709%202.652l.059-.041zm2.447%202.685l1.194%202.065c.06.1.051.104.074.136a.44.44%200%200%201-.28.575c-.03.001-.057.014-.091.012c-.006.005-.13.003-.213.003H8.295z%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%22M11.995%201.377a1.73%201.73%200%200%200-1.496.863C9.322%204.294%201.088%2018.503.127%2020.234c-.39.937.154%202.048%201.131%202.32c.406.108.834.054%201.203.067c5.374.005%2014.234-.006%2019.624%200a2.4%202.4%200%200%200%20.658-.066a1.75%201.75%200%200%200%201.256-1.606a1.8%201.8%200%200%200-.125-.713c-.111-.241-.195-.367-.287-.531l-.545-.943L14.32%203.656l-.545-.943l-.273-.473a1.9%201.9%200%200%200-.48-.535a1.7%201.7%200%200%200-1.028-.328Zm.006%201.3c.147%200%20.293.074.375.215c.165.277.648%201.139.816%201.416c1.831%203.174%204.115%207.13%206.305%2010.922L10.358%205.09c.33-.57%201.126-1.952%201.268-2.198V2.89A.43.43%200%200%201%2012%202.677M9.788%206.144l7.555%207.846l-.057-.025l-8-5.442a14%2014%200%200%201%20.35-1.855zM8.37%208.535L4.22%2021.32H2.46c-.11%200-.682.004-.757-.004c-.28-.005-.478-.33-.371-.588c.64-1.12%204.178-7.243%207.037-12.193Zm.844%201.205l5.574%203.432l-5.504-2.278a9%209%200%200%201-.07-1.154m-.86%201.377l-.697%209.465c-.72.303-1.473.537-2.24.725zm1.152.908l3.553%201.225H9.973a7%207%200%200%201-.33-.773q-.075-.225-.137-.452m-.552.852l.049.13l.834%206.339a9%209%200%200%201-1.088.707zm1.865%201.168h2.365c.18%200%20.293.193.203.35l-1.183%202.048a.233.233%200%200%201-.405%200h-.002l-1.181-2.049a.233.233%200%200%201%20.203-.35zm3.678.016a7%207%200%200%201%20.832.1a8%208%200%200%201%20.463.109l-2.842%202.466zm2.38.58a9%209%200%200%201%201.057.527l-5.879%203.174zm-6.888.257l1.543%202.672a7%207%200%200%201-.504.67a8%208%200%200%201-.322.346zm8.965.946c.274.203.538.422.797.648l.986%201.024l-10.709%202.652l.059-.041zm2.447%202.685l1.194%202.065c.06.1.051.104.074.136a.44.44%200%200%201-.28.575c-.03.001-.057.014-.091.012c-.006.005-.13.003-.213.003H8.295z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/affine.svg?color=%231a73e8&size=48
