infuse logo
infuse from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- infuse
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the infuse logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.802 7.736c0 .502-.035.8-.146 1.24a5.1 5.1 0 0 1-.968 1.932c-.176.218-.574.61-.778.764c-.077.06-2.619 1.894-5.65 4.077a842 842 0 0 0-5.638 4.077a2.6 2.6 0 0 0-.55.715a2.39 2.39 0 0 0 1.003 3.18c.703.379 1.622.372 2.293-.02a2322 2322 0 0 0 11.378-8.184a6 6 0 0 0 .845-.849a4.78 4.78 0 0 0 .76-4.416a4.86 4.86 0 0 0-1.354-2.068a15 15 0 0 0-.673-.518c-.257-.185-.48-.35-.497-.361c-.02-.017-.025.089-.025.43M4.31 5.62c-.903.2-1.573.844-1.822 1.75l-.066.234v7.712l.064.227c.302 1.093 1.212 1.8 2.316 1.8c1.158 0 2.12-.794 2.349-1.945c.044-.223.044-7.654 0-7.877a2.5 2.5 0 0 0-.23-.656A2.38 2.38 0 0 0 5.393 5.64a3 3 0 0 0-1.083-.02M6.642.03a4.79 4.79 0 0 0-4.126 3.777c-.054.263-.124.912-.1.936a1 1 0 0 0 .208-.12a4.2 4.2 0 0 1 1.393-.572c.335-.073 1.005-.09 1.366-.037c.596.089 1.104.295 1.705.698c.103.07 1.913 1.376 4.02 2.902c2.107 1.529 3.884 2.804 3.95 2.837c.098.049.15.058.328.058c.185 0 .228-.009.352-.068c.187-.091.654-.555.834-.834c.882-1.341.71-3.078-.41-4.185c-.143-.143-.938-.726-3.273-2.417C11.196 1.779 9.706.716 9.584.645A4.8 4.8 0 0 0 6.642.03"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsInfuse(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="M18.802 7.736c0 .502-.035.8-.146 1.24a5.1 5.1 0 0 1-.968 1.932c-.176.218-.574.61-.778.764c-.077.06-2.619 1.894-5.65 4.077a842 842 0 0 0-5.638 4.077a2.6 2.6 0 0 0-.55.715a2.39 2.39 0 0 0 1.003 3.18c.703.379 1.622.372 2.293-.02a2322 2322 0 0 0 11.378-8.184a6 6 0 0 0 .845-.849a4.78 4.78 0 0 0 .76-4.416a4.86 4.86 0 0 0-1.354-2.068a15 15 0 0 0-.673-.518c-.257-.185-.48-.35-.497-.361c-.02-.017-.025.089-.025.43M4.31 5.62c-.903.2-1.573.844-1.822 1.75l-.066.234v7.712l.064.227c.302 1.093 1.212 1.8 2.316 1.8c1.158 0 2.12-.794 2.349-1.945c.044-.223.044-7.654 0-7.877a2.5 2.5 0 0 0-.23-.656A2.38 2.38 0 0 0 5.393 5.64a3 3 0 0 0-1.083-.02M6.642.03a4.79 4.79 0 0 0-4.126 3.777c-.054.263-.124.912-.1.936a1 1 0 0 0 .208-.12a4.2 4.2 0 0 1 1.393-.572c.335-.073 1.005-.09 1.366-.037c.596.089 1.104.295 1.705.698c.103.07 1.913 1.376 4.02 2.902c2.107 1.529 3.884 2.804 3.95 2.837c.098.049.15.058.328.058c.185 0 .228-.009.352-.068c.187-.091.654-.555.834-.834c.882-1.341.71-3.078-.41-4.185c-.143-.143-.938-.726-3.273-2.417C11.196 1.779 9.706.716 9.584.645A4.8 4.8 0 0 0 6.642.03"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.802 7.736c0 .502-.035.8-.146 1.24a5.1 5.1 0 0 1-.968 1.932c-.176.218-.574.61-.778.764c-.077.06-2.619 1.894-5.65 4.077a842 842 0 0 0-5.638 4.077a2.6 2.6 0 0 0-.55.715a2.39 2.39 0 0 0 1.003 3.18c.703.379 1.622.372 2.293-.02a2322 2322 0 0 0 11.378-8.184a6 6 0 0 0 .845-.849a4.78 4.78 0 0 0 .76-4.416a4.86 4.86 0 0 0-1.354-2.068a15 15 0 0 0-.673-.518c-.257-.185-.48-.35-.497-.361c-.02-.017-.025.089-.025.43M4.31 5.62c-.903.2-1.573.844-1.822 1.75l-.066.234v7.712l.064.227c.302 1.093 1.212 1.8 2.316 1.8c1.158 0 2.12-.794 2.349-1.945c.044-.223.044-7.654 0-7.877a2.5 2.5 0 0 0-.23-.656A2.38 2.38 0 0 0 5.393 5.64a3 3 0 0 0-1.083-.02M6.642.03a4.79 4.79 0 0 0-4.126 3.777c-.054.263-.124.912-.1.936a1 1 0 0 0 .208-.12a4.2 4.2 0 0 1 1.393-.572c.335-.073 1.005-.09 1.366-.037c.596.089 1.104.295 1.705.698c.103.07 1.913 1.376 4.02 2.902c2.107 1.529 3.884 2.804 3.95 2.837c.098.049.15.058.328.058c.185 0 .228-.009.352-.068c.187-.091.654-.555.834-.834c.882-1.341.71-3.078-.41-4.185c-.143-.143-.938-.726-3.273-2.417C11.196 1.779 9.706.716 9.584.645A4.8 4.8 0 0 0 6.642.03"/></svg> </template>
CSS
.icon-infuse {
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%22M18.802%207.736c0%20.502-.035.8-.146%201.24a5.1%205.1%200%200%201-.968%201.932c-.176.218-.574.61-.778.764c-.077.06-2.619%201.894-5.65%204.077a842%20842%200%200%200-5.638%204.077a2.6%202.6%200%200%200-.55.715a2.39%202.39%200%200%200%201.003%203.18c.703.379%201.622.372%202.293-.02a2322%202322%200%200%200%2011.378-8.184a6%206%200%200%200%20.845-.849a4.78%204.78%200%200%200%20.76-4.416a4.86%204.86%200%200%200-1.354-2.068a15%2015%200%200%200-.673-.518c-.257-.185-.48-.35-.497-.361c-.02-.017-.025.089-.025.43M4.31%205.62c-.903.2-1.573.844-1.822%201.75l-.066.234v7.712l.064.227c.302%201.093%201.212%201.8%202.316%201.8c1.158%200%202.12-.794%202.349-1.945c.044-.223.044-7.654%200-7.877a2.5%202.5%200%200%200-.23-.656A2.38%202.38%200%200%200%205.393%205.64a3%203%200%200%200-1.083-.02M6.642.03a4.79%204.79%200%200%200-4.126%203.777c-.054.263-.124.912-.1.936a1%201%200%200%200%20.208-.12a4.2%204.2%200%200%201%201.393-.572c.335-.073%201.005-.09%201.366-.037c.596.089%201.104.295%201.705.698c.103.07%201.913%201.376%204.02%202.902c2.107%201.529%203.884%202.804%203.95%202.837c.098.049.15.058.328.058c.185%200%20.228-.009.352-.068c.187-.091.654-.555.834-.834c.882-1.341.71-3.078-.41-4.185c-.143-.143-.938-.726-3.273-2.417C11.196%201.779%209.706.716%209.584.645A4.8%204.8%200%200%200%206.642.03%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%22M18.802%207.736c0%20.502-.035.8-.146%201.24a5.1%205.1%200%200%201-.968%201.932c-.176.218-.574.61-.778.764c-.077.06-2.619%201.894-5.65%204.077a842%20842%200%200%200-5.638%204.077a2.6%202.6%200%200%200-.55.715a2.39%202.39%200%200%200%201.003%203.18c.703.379%201.622.372%202.293-.02a2322%202322%200%200%200%2011.378-8.184a6%206%200%200%200%20.845-.849a4.78%204.78%200%200%200%20.76-4.416a4.86%204.86%200%200%200-1.354-2.068a15%2015%200%200%200-.673-.518c-.257-.185-.48-.35-.497-.361c-.02-.017-.025.089-.025.43M4.31%205.62c-.903.2-1.573.844-1.822%201.75l-.066.234v7.712l.064.227c.302%201.093%201.212%201.8%202.316%201.8c1.158%200%202.12-.794%202.349-1.945c.044-.223.044-7.654%200-7.877a2.5%202.5%200%200%200-.23-.656A2.38%202.38%200%200%200%205.393%205.64a3%203%200%200%200-1.083-.02M6.642.03a4.79%204.79%200%200%200-4.126%203.777c-.054.263-.124.912-.1.936a1%201%200%200%200%20.208-.12a4.2%204.2%200%200%201%201.393-.572c.335-.073%201.005-.09%201.366-.037c.596.089%201.104.295%201.705.698c.103.07%201.913%201.376%204.02%202.902c2.107%201.529%203.884%202.804%203.95%202.837c.098.049.15.058.328.058c.185%200%20.228-.009.352-.068c.187-.091.654-.555.834-.834c.882-1.341.71-3.078-.41-4.185c-.143-.143-.938-.726-3.273-2.417C11.196%201.779%209.706.716%209.584.645A4.8%204.8%200%200%200%206.642.03%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/infuse.svg?color=%231a73e8&size=48
