vectary logo
vectary from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- vectary
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the vectary logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.18 2.318a7 7 0 0 0-.274.012c-.628.017-1.293.412-1.61.955c-.341.527-.394 1.301-.126 1.87l4.271 9.667c.24.581.845 1.063 1.465 1.164c.614.133 1.356-.094 1.791-.547c1.039-1.005 1.847-2.464 2.143-4.021s.079-3.212-.52-4.527c-.57-1.329-1.648-2.603-2.998-3.434A7.77 7.77 0 0 0 2.18 2.318m18.857 0a7.6 7.6 0 0 0-2.834.59c-1.798.765-3.267 2.3-3.914 3.862L8.172 20.62a.46.46 0 0 0 .262.613c1.573.617 3.698.622 5.496-.142c1.797-.765 3.269-2.3 3.916-3.862L23.96 3.38a.46.46 0 0 0-.26-.613c-.787-.309-1.711-.464-2.664-.448"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsVectary(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="M2.18 2.318a7 7 0 0 0-.274.012c-.628.017-1.293.412-1.61.955c-.341.527-.394 1.301-.126 1.87l4.271 9.667c.24.581.845 1.063 1.465 1.164c.614.133 1.356-.094 1.791-.547c1.039-1.005 1.847-2.464 2.143-4.021s.079-3.212-.52-4.527c-.57-1.329-1.648-2.603-2.998-3.434A7.77 7.77 0 0 0 2.18 2.318m18.857 0a7.6 7.6 0 0 0-2.834.59c-1.798.765-3.267 2.3-3.914 3.862L8.172 20.62a.46.46 0 0 0 .262.613c1.573.617 3.698.622 5.496-.142c1.797-.765 3.269-2.3 3.916-3.862L23.96 3.38a.46.46 0 0 0-.26-.613c-.787-.309-1.711-.464-2.664-.448"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.18 2.318a7 7 0 0 0-.274.012c-.628.017-1.293.412-1.61.955c-.341.527-.394 1.301-.126 1.87l4.271 9.667c.24.581.845 1.063 1.465 1.164c.614.133 1.356-.094 1.791-.547c1.039-1.005 1.847-2.464 2.143-4.021s.079-3.212-.52-4.527c-.57-1.329-1.648-2.603-2.998-3.434A7.77 7.77 0 0 0 2.18 2.318m18.857 0a7.6 7.6 0 0 0-2.834.59c-1.798.765-3.267 2.3-3.914 3.862L8.172 20.62a.46.46 0 0 0 .262.613c1.573.617 3.698.622 5.496-.142c1.797-.765 3.269-2.3 3.916-3.862L23.96 3.38a.46.46 0 0 0-.26-.613c-.787-.309-1.711-.464-2.664-.448"/></svg> </template>
CSS
.icon-vectary {
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%22M2.18%202.318a7%207%200%200%200-.274.012c-.628.017-1.293.412-1.61.955c-.341.527-.394%201.301-.126%201.87l4.271%209.667c.24.581.845%201.063%201.465%201.164c.614.133%201.356-.094%201.791-.547c1.039-1.005%201.847-2.464%202.143-4.021s.079-3.212-.52-4.527c-.57-1.329-1.648-2.603-2.998-3.434A7.77%207.77%200%200%200%202.18%202.318m18.857%200a7.6%207.6%200%200%200-2.834.59c-1.798.765-3.267%202.3-3.914%203.862L8.172%2020.62a.46.46%200%200%200%20.262.613c1.573.617%203.698.622%205.496-.142c1.797-.765%203.269-2.3%203.916-3.862L23.96%203.38a.46.46%200%200%200-.26-.613c-.787-.309-1.711-.464-2.664-.448%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%22M2.18%202.318a7%207%200%200%200-.274.012c-.628.017-1.293.412-1.61.955c-.341.527-.394%201.301-.126%201.87l4.271%209.667c.24.581.845%201.063%201.465%201.164c.614.133%201.356-.094%201.791-.547c1.039-1.005%201.847-2.464%202.143-4.021s.079-3.212-.52-4.527c-.57-1.329-1.648-2.603-2.998-3.434A7.77%207.77%200%200%200%202.18%202.318m18.857%200a7.6%207.6%200%200%200-2.834.59c-1.798.765-3.267%202.3-3.914%203.862L8.172%2020.62a.46.46%200%200%200%20.262.613c1.573.617%203.698.622%205.496-.142c1.797-.765%203.269-2.3%203.916-3.862L23.96%203.38a.46.46%200%200%200-.26-.613c-.787-.309-1.711-.464-2.664-.448%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/vectary.svg?color=%231a73e8&size=48
