caffeine logo
caffeine from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- caffeine
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the caffeine logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.162 1.557c-.18.006-.263.137-.293.18L.05 11.82c-.07.142-.06.27-.004.356q2.912 5.041 5.822 10.085a.34.34 0 0 0 .305.182h11.65c.138.003.26-.09.31-.182l5.82-10.08a.36.36 0 0 0 0-.358l-5.82-10.085c-.112-.193-.308-.181-.308-.181zm.804.719h9.513L10.136 5.94zm-.427.603l2.964 3.426L6.54 8.018zm10.3.018l-3.86 6.685L7.19 8.469zm1.341.357l4.756 8.246l-4.756-.916zm-12.36.002v5.176l-4.48 2.587zm11.64 0v11.142l-3.857-4.457zM7.127 9.186l5.847 1.126l3.898 4.502l-5.842-1.125zM5.82 9.26v3.425l-4.45-.855zm.72.341l3.856 4.457l-3.857 6.685zm11.64 1.713l4.447.856l-4.447 2.57zM1.062 12.5l4.76.916v7.33zm21.597.48l-4.479 7.763v-5.175zm-11.64 1.437l5.79 1.114l-9.649 5.572zm6.44 1.565v5.138l-2.964-3.425zm-3.597 2.078l3.172 3.664H7.52z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCaffeine(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="M6.162 1.557c-.18.006-.263.137-.293.18L.05 11.82c-.07.142-.06.27-.004.356q2.912 5.041 5.822 10.085a.34.34 0 0 0 .305.182h11.65c.138.003.26-.09.31-.182l5.82-10.08a.36.36 0 0 0 0-.358l-5.82-10.085c-.112-.193-.308-.181-.308-.181zm.804.719h9.513L10.136 5.94zm-.427.603l2.964 3.426L6.54 8.018zm10.3.018l-3.86 6.685L7.19 8.469zm1.341.357l4.756 8.246l-4.756-.916zm-12.36.002v5.176l-4.48 2.587zm11.64 0v11.142l-3.857-4.457zM7.127 9.186l5.847 1.126l3.898 4.502l-5.842-1.125zM5.82 9.26v3.425l-4.45-.855zm.72.341l3.856 4.457l-3.857 6.685zm11.64 1.713l4.447.856l-4.447 2.57zM1.062 12.5l4.76.916v7.33zm21.597.48l-4.479 7.763v-5.175zm-11.64 1.437l5.79 1.114l-9.649 5.572zm6.44 1.565v5.138l-2.964-3.425zm-3.597 2.078l3.172 3.664H7.52z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.162 1.557c-.18.006-.263.137-.293.18L.05 11.82c-.07.142-.06.27-.004.356q2.912 5.041 5.822 10.085a.34.34 0 0 0 .305.182h11.65c.138.003.26-.09.31-.182l5.82-10.08a.36.36 0 0 0 0-.358l-5.82-10.085c-.112-.193-.308-.181-.308-.181zm.804.719h9.513L10.136 5.94zm-.427.603l2.964 3.426L6.54 8.018zm10.3.018l-3.86 6.685L7.19 8.469zm1.341.357l4.756 8.246l-4.756-.916zm-12.36.002v5.176l-4.48 2.587zm11.64 0v11.142l-3.857-4.457zM7.127 9.186l5.847 1.126l3.898 4.502l-5.842-1.125zM5.82 9.26v3.425l-4.45-.855zm.72.341l3.856 4.457l-3.857 6.685zm11.64 1.713l4.447.856l-4.447 2.57zM1.062 12.5l4.76.916v7.33zm21.597.48l-4.479 7.763v-5.175zm-11.64 1.437l5.79 1.114l-9.649 5.572zm6.44 1.565v5.138l-2.964-3.425zm-3.597 2.078l3.172 3.664H7.52z"/></svg> </template>
CSS
.icon-caffeine {
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%22M6.162%201.557c-.18.006-.263.137-.293.18L.05%2011.82c-.07.142-.06.27-.004.356q2.912%205.041%205.822%2010.085a.34.34%200%200%200%20.305.182h11.65c.138.003.26-.09.31-.182l5.82-10.08a.36.36%200%200%200%200-.358l-5.82-10.085c-.112-.193-.308-.181-.308-.181zm.804.719h9.513L10.136%205.94zm-.427.603l2.964%203.426L6.54%208.018zm10.3.018l-3.86%206.685L7.19%208.469zm1.341.357l4.756%208.246l-4.756-.916zm-12.36.002v5.176l-4.48%202.587zm11.64%200v11.142l-3.857-4.457zM7.127%209.186l5.847%201.126l3.898%204.502l-5.842-1.125zM5.82%209.26v3.425l-4.45-.855zm.72.341l3.856%204.457l-3.857%206.685zm11.64%201.713l4.447.856l-4.447%202.57zM1.062%2012.5l4.76.916v7.33zm21.597.48l-4.479%207.763v-5.175zm-11.64%201.437l5.79%201.114l-9.649%205.572zm6.44%201.565v5.138l-2.964-3.425zm-3.597%202.078l3.172%203.664H7.52z%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%22M6.162%201.557c-.18.006-.263.137-.293.18L.05%2011.82c-.07.142-.06.27-.004.356q2.912%205.041%205.822%2010.085a.34.34%200%200%200%20.305.182h11.65c.138.003.26-.09.31-.182l5.82-10.08a.36.36%200%200%200%200-.358l-5.82-10.085c-.112-.193-.308-.181-.308-.181zm.804.719h9.513L10.136%205.94zm-.427.603l2.964%203.426L6.54%208.018zm10.3.018l-3.86%206.685L7.19%208.469zm1.341.357l4.756%208.246l-4.756-.916zm-12.36.002v5.176l-4.48%202.587zm11.64%200v11.142l-3.857-4.457zM7.127%209.186l5.847%201.126l3.898%204.502l-5.842-1.125zM5.82%209.26v3.425l-4.45-.855zm.72.341l3.856%204.457l-3.857%206.685zm11.64%201.713l4.447.856l-4.447%202.57zM1.062%2012.5l4.76.916v7.33zm21.597.48l-4.479%207.763v-5.175zm-11.64%201.437l5.79%201.114l-9.649%205.572zm6.44%201.565v5.138l-2.964-3.425zm-3.597%202.078l3.172%203.664H7.52z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/caffeine.svg?color=%231a73e8&size=48
