iconjar logo
iconjar from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- iconjar
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the iconjar logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.15 5.875c-.492 0-.936-.453-.936-.954c0-1.155 2.858-2.01 6.11-2.01c.295 0 .492 0 .492-.25c0-.452-.985-.602-.985-1.355C9.831.502 10.767 0 11.95 0s2.12.502 2.12 1.306c0 .753-.986.853-.986 1.355c0 .151.148.251.492.251c3.252 0 6.16.803 6.16 2.009a.944.944 0 0 1-.937.953H5.151zm14.732 4.568c1.183.753 1.626 2.109 1.43 3.365l-1.38 7.58C19.636 22.897 18.354 24 16.826 24H7.17c-1.526 0-2.808-1.104-3.104-2.611l-1.38-7.581a3.31 3.31 0 0 1 1.48-3.315c.69-.501.836-1.355 0-1.656c-1.184-.452-.938-1.908.245-1.908h7.193c1.133 0 2.514.853 2.514 3.615s-1.282 2.51-1.282 4.468c0 .854.69 1.758 1.527 1.859c1.43.15 2.267-.402 2.267-2.41c0-2.06-1.182-3.013-1.182-4.72c0-2.059 1.28-2.863 2.118-2.863h2.07c1.182 0 1.43 1.457.246 1.909c-.837.35-.69 1.205 0 1.656"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsIconjar(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="M5.15 5.875c-.492 0-.936-.453-.936-.954c0-1.155 2.858-2.01 6.11-2.01c.295 0 .492 0 .492-.25c0-.452-.985-.602-.985-1.355C9.831.502 10.767 0 11.95 0s2.12.502 2.12 1.306c0 .753-.986.853-.986 1.355c0 .151.148.251.492.251c3.252 0 6.16.803 6.16 2.009a.944.944 0 0 1-.937.953H5.151zm14.732 4.568c1.183.753 1.626 2.109 1.43 3.365l-1.38 7.58C19.636 22.897 18.354 24 16.826 24H7.17c-1.526 0-2.808-1.104-3.104-2.611l-1.38-7.581a3.31 3.31 0 0 1 1.48-3.315c.69-.501.836-1.355 0-1.656c-1.184-.452-.938-1.908.245-1.908h7.193c1.133 0 2.514.853 2.514 3.615s-1.282 2.51-1.282 4.468c0 .854.69 1.758 1.527 1.859c1.43.15 2.267-.402 2.267-2.41c0-2.06-1.182-3.013-1.182-4.72c0-2.059 1.28-2.863 2.118-2.863h2.07c1.182 0 1.43 1.457.246 1.909c-.837.35-.69 1.205 0 1.656"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.15 5.875c-.492 0-.936-.453-.936-.954c0-1.155 2.858-2.01 6.11-2.01c.295 0 .492 0 .492-.25c0-.452-.985-.602-.985-1.355C9.831.502 10.767 0 11.95 0s2.12.502 2.12 1.306c0 .753-.986.853-.986 1.355c0 .151.148.251.492.251c3.252 0 6.16.803 6.16 2.009a.944.944 0 0 1-.937.953H5.151zm14.732 4.568c1.183.753 1.626 2.109 1.43 3.365l-1.38 7.58C19.636 22.897 18.354 24 16.826 24H7.17c-1.526 0-2.808-1.104-3.104-2.611l-1.38-7.581a3.31 3.31 0 0 1 1.48-3.315c.69-.501.836-1.355 0-1.656c-1.184-.452-.938-1.908.245-1.908h7.193c1.133 0 2.514.853 2.514 3.615s-1.282 2.51-1.282 4.468c0 .854.69 1.758 1.527 1.859c1.43.15 2.267-.402 2.267-2.41c0-2.06-1.182-3.013-1.182-4.72c0-2.059 1.28-2.863 2.118-2.863h2.07c1.182 0 1.43 1.457.246 1.909c-.837.35-.69 1.205 0 1.656"/></svg> </template>
CSS
.icon-iconjar {
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%22M5.15%205.875c-.492%200-.936-.453-.936-.954c0-1.155%202.858-2.01%206.11-2.01c.295%200%20.492%200%20.492-.25c0-.452-.985-.602-.985-1.355C9.831.502%2010.767%200%2011.95%200s2.12.502%202.12%201.306c0%20.753-.986.853-.986%201.355c0%20.151.148.251.492.251c3.252%200%206.16.803%206.16%202.009a.944.944%200%200%201-.937.953H5.151zm14.732%204.568c1.183.753%201.626%202.109%201.43%203.365l-1.38%207.58C19.636%2022.897%2018.354%2024%2016.826%2024H7.17c-1.526%200-2.808-1.104-3.104-2.611l-1.38-7.581a3.31%203.31%200%200%201%201.48-3.315c.69-.501.836-1.355%200-1.656c-1.184-.452-.938-1.908.245-1.908h7.193c1.133%200%202.514.853%202.514%203.615s-1.282%202.51-1.282%204.468c0%20.854.69%201.758%201.527%201.859c1.43.15%202.267-.402%202.267-2.41c0-2.06-1.182-3.013-1.182-4.72c0-2.059%201.28-2.863%202.118-2.863h2.07c1.182%200%201.43%201.457.246%201.909c-.837.35-.69%201.205%200%201.656%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%22M5.15%205.875c-.492%200-.936-.453-.936-.954c0-1.155%202.858-2.01%206.11-2.01c.295%200%20.492%200%20.492-.25c0-.452-.985-.602-.985-1.355C9.831.502%2010.767%200%2011.95%200s2.12.502%202.12%201.306c0%20.753-.986.853-.986%201.355c0%20.151.148.251.492.251c3.252%200%206.16.803%206.16%202.009a.944.944%200%200%201-.937.953H5.151zm14.732%204.568c1.183.753%201.626%202.109%201.43%203.365l-1.38%207.58C19.636%2022.897%2018.354%2024%2016.826%2024H7.17c-1.526%200-2.808-1.104-3.104-2.611l-1.38-7.581a3.31%203.31%200%200%201%201.48-3.315c.69-.501.836-1.355%200-1.656c-1.184-.452-.938-1.908.245-1.908h7.193c1.133%200%202.514.853%202.514%203.615s-1.282%202.51-1.282%204.468c0%20.854.69%201.758%201.527%201.859c1.43.15%202.267-.402%202.267-2.41c0-2.06-1.182-3.013-1.182-4.72c0-2.059%201.28-2.863%202.118-2.863h2.07c1.182%200%201.43%201.457.246%201.909c-.837.35-.69%201.205%200%201.656%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/iconjar.svg?color=%231a73e8&size=48
