untappd logo
untappd from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- untappd
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the untappd logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11 13.299l-5.824 8.133c-.298.416-.8.635-1.308.572c-.578-.072-1.374-.289-2.195-.879S.392 19.849.139 19.323a1.4 1.4 0 0 1 .122-1.425l5.824-8.133a3.1 3.1 0 0 1 1.062-.927l1.146-.604c.23-.121.436-.283.608-.478c.556-.631 2.049-2.284 4.696-4.957l.046-.212a.13.13 0 0 1 .096-.1l.146-.037a.135.135 0 0 0 .101-.141l-.015-.18a.13.13 0 0 1 .125-.142c.176-.005.518.046 1.001.393s.64.656.692.824a.13.13 0 0 1-.095.164l-.175.044a.13.13 0 0 0-.101.141l.012.15a.13.13 0 0 1-.063.123l-.186.112c-1.679 3.369-2.764 5.316-3.183 6.046a2.2 2.2 0 0 0-.257.73l-.205 1.281A3.1 3.1 0 0 1 11 13.3zm12.739 4.598l-5.824-8.133a3.1 3.1 0 0 0-1.062-.927l-1.146-.605a2.1 2.1 0 0 1-.608-.478a51 51 0 0 0-.587-.654a.09.09 0 0 0-.142.018a97 97 0 0 1-1.745 3.223a1.4 1.4 0 0 0-.171.485a3.5 3.5 0 0 0 0 1.103l.01.064c.075.471.259.918.536 1.305l5.824 8.133c.296.413.79.635 1.294.574a4.76 4.76 0 0 0 2.209-.881a4.76 4.76 0 0 0 1.533-1.802a1.4 1.4 0 0 0-.122-1.425zM8.306 3.366l.175.044a.134.134 0 0 1 .101.141l-.012.15a.13.13 0 0 0 .063.123l.186.112q.465.933.869 1.721c.026.051.091.06.129.019q.655-.703 1.585-1.668a.137.137 0 0 0 .003-.19c-.315-.322-.645-.659-1.002-1.02l-.046-.212a.13.13 0 0 0-.096-.099l-.146-.037a.135.135 0 0 1-.101-.141l.015-.18a.13.13 0 0 0-.123-.142c-.175-.005-.518.045-1.002.393c-.483.347-.64.656-.692.824a.13.13 0 0 0 .095.164z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsUntappd(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 13.299l-5.824 8.133c-.298.416-.8.635-1.308.572c-.578-.072-1.374-.289-2.195-.879S.392 19.849.139 19.323a1.4 1.4 0 0 1 .122-1.425l5.824-8.133a3.1 3.1 0 0 1 1.062-.927l1.146-.604c.23-.121.436-.283.608-.478c.556-.631 2.049-2.284 4.696-4.957l.046-.212a.13.13 0 0 1 .096-.1l.146-.037a.135.135 0 0 0 .101-.141l-.015-.18a.13.13 0 0 1 .125-.142c.176-.005.518.046 1.001.393s.64.656.692.824a.13.13 0 0 1-.095.164l-.175.044a.13.13 0 0 0-.101.141l.012.15a.13.13 0 0 1-.063.123l-.186.112c-1.679 3.369-2.764 5.316-3.183 6.046a2.2 2.2 0 0 0-.257.73l-.205 1.281A3.1 3.1 0 0 1 11 13.3zm12.739 4.598l-5.824-8.133a3.1 3.1 0 0 0-1.062-.927l-1.146-.605a2.1 2.1 0 0 1-.608-.478a51 51 0 0 0-.587-.654a.09.09 0 0 0-.142.018a97 97 0 0 1-1.745 3.223a1.4 1.4 0 0 0-.171.485a3.5 3.5 0 0 0 0 1.103l.01.064c.075.471.259.918.536 1.305l5.824 8.133c.296.413.79.635 1.294.574a4.76 4.76 0 0 0 2.209-.881a4.76 4.76 0 0 0 1.533-1.802a1.4 1.4 0 0 0-.122-1.425zM8.306 3.366l.175.044a.134.134 0 0 1 .101.141l-.012.15a.13.13 0 0 0 .063.123l.186.112q.465.933.869 1.721c.026.051.091.06.129.019q.655-.703 1.585-1.668a.137.137 0 0 0 .003-.19c-.315-.322-.645-.659-1.002-1.02l-.046-.212a.13.13 0 0 0-.096-.099l-.146-.037a.135.135 0 0 1-.101-.141l.015-.18a.13.13 0 0 0-.123-.142c-.175-.005-.518.045-1.002.393c-.483.347-.64.656-.692.824a.13.13 0 0 0 .095.164z"/></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 13.299l-5.824 8.133c-.298.416-.8.635-1.308.572c-.578-.072-1.374-.289-2.195-.879S.392 19.849.139 19.323a1.4 1.4 0 0 1 .122-1.425l5.824-8.133a3.1 3.1 0 0 1 1.062-.927l1.146-.604c.23-.121.436-.283.608-.478c.556-.631 2.049-2.284 4.696-4.957l.046-.212a.13.13 0 0 1 .096-.1l.146-.037a.135.135 0 0 0 .101-.141l-.015-.18a.13.13 0 0 1 .125-.142c.176-.005.518.046 1.001.393s.64.656.692.824a.13.13 0 0 1-.095.164l-.175.044a.13.13 0 0 0-.101.141l.012.15a.13.13 0 0 1-.063.123l-.186.112c-1.679 3.369-2.764 5.316-3.183 6.046a2.2 2.2 0 0 0-.257.73l-.205 1.281A3.1 3.1 0 0 1 11 13.3zm12.739 4.598l-5.824-8.133a3.1 3.1 0 0 0-1.062-.927l-1.146-.605a2.1 2.1 0 0 1-.608-.478a51 51 0 0 0-.587-.654a.09.09 0 0 0-.142.018a97 97 0 0 1-1.745 3.223a1.4 1.4 0 0 0-.171.485a3.5 3.5 0 0 0 0 1.103l.01.064c.075.471.259.918.536 1.305l5.824 8.133c.296.413.79.635 1.294.574a4.76 4.76 0 0 0 2.209-.881a4.76 4.76 0 0 0 1.533-1.802a1.4 1.4 0 0 0-.122-1.425zM8.306 3.366l.175.044a.134.134 0 0 1 .101.141l-.012.15a.13.13 0 0 0 .063.123l.186.112q.465.933.869 1.721c.026.051.091.06.129.019q.655-.703 1.585-1.668a.137.137 0 0 0 .003-.19c-.315-.322-.645-.659-1.002-1.02l-.046-.212a.13.13 0 0 0-.096-.099l-.146-.037a.135.135 0 0 1-.101-.141l.015-.18a.13.13 0 0 0-.123-.142c-.175-.005-.518.045-1.002.393c-.483.347-.64.656-.692.824a.13.13 0 0 0 .095.164z"/></svg> </template>
CSS
.icon-untappd {
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%2013.299l-5.824%208.133c-.298.416-.8.635-1.308.572c-.578-.072-1.374-.289-2.195-.879S.392%2019.849.139%2019.323a1.4%201.4%200%200%201%20.122-1.425l5.824-8.133a3.1%203.1%200%200%201%201.062-.927l1.146-.604c.23-.121.436-.283.608-.478c.556-.631%202.049-2.284%204.696-4.957l.046-.212a.13.13%200%200%201%20.096-.1l.146-.037a.135.135%200%200%200%20.101-.141l-.015-.18a.13.13%200%200%201%20.125-.142c.176-.005.518.046%201.001.393s.64.656.692.824a.13.13%200%200%201-.095.164l-.175.044a.13.13%200%200%200-.101.141l.012.15a.13.13%200%200%201-.063.123l-.186.112c-1.679%203.369-2.764%205.316-3.183%206.046a2.2%202.2%200%200%200-.257.73l-.205%201.281A3.1%203.1%200%200%201%2011%2013.3zm12.739%204.598l-5.824-8.133a3.1%203.1%200%200%200-1.062-.927l-1.146-.605a2.1%202.1%200%200%201-.608-.478a51%2051%200%200%200-.587-.654a.09.09%200%200%200-.142.018a97%2097%200%200%201-1.745%203.223a1.4%201.4%200%200%200-.171.485a3.5%203.5%200%200%200%200%201.103l.01.064c.075.471.259.918.536%201.305l5.824%208.133c.296.413.79.635%201.294.574a4.76%204.76%200%200%200%202.209-.881a4.76%204.76%200%200%200%201.533-1.802a1.4%201.4%200%200%200-.122-1.425zM8.306%203.366l.175.044a.134.134%200%200%201%20.101.141l-.012.15a.13.13%200%200%200%20.063.123l.186.112q.465.933.869%201.721c.026.051.091.06.129.019q.655-.703%201.585-1.668a.137.137%200%200%200%20.003-.19c-.315-.322-.645-.659-1.002-1.02l-.046-.212a.13.13%200%200%200-.096-.099l-.146-.037a.135.135%200%200%201-.101-.141l.015-.18a.13.13%200%200%200-.123-.142c-.175-.005-.518.045-1.002.393c-.483.347-.64.656-.692.824a.13.13%200%200%200%20.095.164z%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%2013.299l-5.824%208.133c-.298.416-.8.635-1.308.572c-.578-.072-1.374-.289-2.195-.879S.392%2019.849.139%2019.323a1.4%201.4%200%200%201%20.122-1.425l5.824-8.133a3.1%203.1%200%200%201%201.062-.927l1.146-.604c.23-.121.436-.283.608-.478c.556-.631%202.049-2.284%204.696-4.957l.046-.212a.13.13%200%200%201%20.096-.1l.146-.037a.135.135%200%200%200%20.101-.141l-.015-.18a.13.13%200%200%201%20.125-.142c.176-.005.518.046%201.001.393s.64.656.692.824a.13.13%200%200%201-.095.164l-.175.044a.13.13%200%200%200-.101.141l.012.15a.13.13%200%200%201-.063.123l-.186.112c-1.679%203.369-2.764%205.316-3.183%206.046a2.2%202.2%200%200%200-.257.73l-.205%201.281A3.1%203.1%200%200%201%2011%2013.3zm12.739%204.598l-5.824-8.133a3.1%203.1%200%200%200-1.062-.927l-1.146-.605a2.1%202.1%200%200%201-.608-.478a51%2051%200%200%200-.587-.654a.09.09%200%200%200-.142.018a97%2097%200%200%201-1.745%203.223a1.4%201.4%200%200%200-.171.485a3.5%203.5%200%200%200%200%201.103l.01.064c.075.471.259.918.536%201.305l5.824%208.133c.296.413.79.635%201.294.574a4.76%204.76%200%200%200%202.209-.881a4.76%204.76%200%200%200%201.533-1.802a1.4%201.4%200%200%200-.122-1.425zM8.306%203.366l.175.044a.134.134%200%200%201%20.101.141l-.012.15a.13.13%200%200%200%20.063.123l.186.112q.465.933.869%201.721c.026.051.091.06.129.019q.655-.703%201.585-1.668a.137.137%200%200%200%20.003-.19c-.315-.322-.645-.659-1.002-1.02l-.046-.212a.13.13%200%200%200-.096-.099l-.146-.037a.135.135%200%200%201-.101-.141l.015-.18a.13.13%200%200%200-.123-.142c-.175-.005-.518.045-1.002.393c-.483.347-.64.656-.692.824a.13.13%200%200%200%20.095.164z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/untappd.svg?color=%231a73e8&size=48
