untappd logo
untappd from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- untappd
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- 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 32 32"><path fill="currentColor" d="M14.667 17.735L6.902 28.579a1.87 1.87 0 0 1-1.745.76c-.771-.093-1.833-.385-2.927-1.172S.522 26.464.189 25.766a1.88 1.88 0 0 1 .161-1.901l7.765-10.843a4.04 4.04 0 0 1 1.416-1.235l1.527-.808c.307-.161.583-.38.812-.635c.74-.844 2.729-3.047 6.261-6.609l.063-.287a.17.17 0 0 1 .124-.131l.199-.052a.17.17 0 0 0 .129-.187l-.015-.24a.167.167 0 0 1 .167-.188c.233-.011.687.057 1.333.521c.64.464.853.875.921 1.099a.17.17 0 0 1-.125.219l-.233.057a.19.19 0 0 0-.136.193l.016.197a.17.17 0 0 1-.084.161l-.249.152c-2.235 4.495-3.683 7.088-4.245 8.061a2.8 2.8 0 0 0-.339.975l-.276 1.708a4.1 4.1 0 0 1-.713 1.74zm16.984 6.129l-7.765-10.843a4.06 4.06 0 0 0-1.416-1.24l-1.527-.808a2.8 2.8 0 0 1-.812-.635a40 40 0 0 0-.781-.869c-.057-.057-.152-.048-.188.02a128 128 0 0 1-2.328 4.297a1.9 1.9 0 0 0-.229.645a4.7 4.7 0 0 0 0 1.475l.016.083c.099.631.344 1.224.713 1.74l7.765 10.844a1.84 1.84 0 0 0 1.724.765a6.34 6.34 0 0 0 2.948-1.172a6.4 6.4 0 0 0 2.041-2.407a1.87 1.87 0 0 0-.161-1.896zM11.073 4.489l.233.057a.18.18 0 0 1 .136.188l-.016.197a.18.18 0 0 0 .084.167l.249.152c.412.828.797 1.588 1.157 2.291c.036.068.119.084.171.027q.875-.937 2.115-2.224a.186.186 0 0 0 .005-.256c-.421-.427-.859-.875-1.339-1.359l-.063-.281a.17.17 0 0 0-.124-.131l-.199-.052a.17.17 0 0 1-.129-.187l.015-.24a.17.17 0 0 0-.161-.188c-.235-.011-.692.057-1.339.521c-.64.464-.848.875-.921 1.099a.173.173 0 0 0 .131.219z"/></svg>
React
import type { SVGProps } from "react";
export function CibUntappd(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.667 17.735L6.902 28.579a1.87 1.87 0 0 1-1.745.76c-.771-.093-1.833-.385-2.927-1.172S.522 26.464.189 25.766a1.88 1.88 0 0 1 .161-1.901l7.765-10.843a4.04 4.04 0 0 1 1.416-1.235l1.527-.808c.307-.161.583-.38.812-.635c.74-.844 2.729-3.047 6.261-6.609l.063-.287a.17.17 0 0 1 .124-.131l.199-.052a.17.17 0 0 0 .129-.187l-.015-.24a.167.167 0 0 1 .167-.188c.233-.011.687.057 1.333.521c.64.464.853.875.921 1.099a.17.17 0 0 1-.125.219l-.233.057a.19.19 0 0 0-.136.193l.016.197a.17.17 0 0 1-.084.161l-.249.152c-2.235 4.495-3.683 7.088-4.245 8.061a2.8 2.8 0 0 0-.339.975l-.276 1.708a4.1 4.1 0 0 1-.713 1.74zm16.984 6.129l-7.765-10.843a4.06 4.06 0 0 0-1.416-1.24l-1.527-.808a2.8 2.8 0 0 1-.812-.635a40 40 0 0 0-.781-.869c-.057-.057-.152-.048-.188.02a128 128 0 0 1-2.328 4.297a1.9 1.9 0 0 0-.229.645a4.7 4.7 0 0 0 0 1.475l.016.083c.099.631.344 1.224.713 1.74l7.765 10.844a1.84 1.84 0 0 0 1.724.765a6.34 6.34 0 0 0 2.948-1.172a6.4 6.4 0 0 0 2.041-2.407a1.87 1.87 0 0 0-.161-1.896zM11.073 4.489l.233.057a.18.18 0 0 1 .136.188l-.016.197a.18.18 0 0 0 .084.167l.249.152c.412.828.797 1.588 1.157 2.291c.036.068.119.084.171.027q.875-.937 2.115-2.224a.186.186 0 0 0 .005-.256c-.421-.427-.859-.875-1.339-1.359l-.063-.281a.17.17 0 0 0-.124-.131l-.199-.052a.17.17 0 0 1-.129-.187l.015-.24a.17.17 0 0 0-.161-.188c-.235-.011-.692.057-1.339.521c-.64.464-.848.875-.921 1.099a.173.173 0 0 0 .131.219z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.667 17.735L6.902 28.579a1.87 1.87 0 0 1-1.745.76c-.771-.093-1.833-.385-2.927-1.172S.522 26.464.189 25.766a1.88 1.88 0 0 1 .161-1.901l7.765-10.843a4.04 4.04 0 0 1 1.416-1.235l1.527-.808c.307-.161.583-.38.812-.635c.74-.844 2.729-3.047 6.261-6.609l.063-.287a.17.17 0 0 1 .124-.131l.199-.052a.17.17 0 0 0 .129-.187l-.015-.24a.167.167 0 0 1 .167-.188c.233-.011.687.057 1.333.521c.64.464.853.875.921 1.099a.17.17 0 0 1-.125.219l-.233.057a.19.19 0 0 0-.136.193l.016.197a.17.17 0 0 1-.084.161l-.249.152c-2.235 4.495-3.683 7.088-4.245 8.061a2.8 2.8 0 0 0-.339.975l-.276 1.708a4.1 4.1 0 0 1-.713 1.74zm16.984 6.129l-7.765-10.843a4.06 4.06 0 0 0-1.416-1.24l-1.527-.808a2.8 2.8 0 0 1-.812-.635a40 40 0 0 0-.781-.869c-.057-.057-.152-.048-.188.02a128 128 0 0 1-2.328 4.297a1.9 1.9 0 0 0-.229.645a4.7 4.7 0 0 0 0 1.475l.016.083c.099.631.344 1.224.713 1.74l7.765 10.844a1.84 1.84 0 0 0 1.724.765a6.34 6.34 0 0 0 2.948-1.172a6.4 6.4 0 0 0 2.041-2.407a1.87 1.87 0 0 0-.161-1.896zM11.073 4.489l.233.057a.18.18 0 0 1 .136.188l-.016.197a.18.18 0 0 0 .084.167l.249.152c.412.828.797 1.588 1.157 2.291c.036.068.119.084.171.027q.875-.937 2.115-2.224a.186.186 0 0 0 .005-.256c-.421-.427-.859-.875-1.339-1.359l-.063-.281a.17.17 0 0 0-.124-.131l-.199-.052a.17.17 0 0 1-.129-.187l.015-.24a.17.17 0 0 0-.161-.188c-.235-.011-.692.057-1.339.521c-.64.464-.848.875-.921 1.099a.173.173 0 0 0 .131.219z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.667%2017.735L6.902%2028.579a1.87%201.87%200%200%201-1.745.76c-.771-.093-1.833-.385-2.927-1.172S.522%2026.464.189%2025.766a1.88%201.88%200%200%201%20.161-1.901l7.765-10.843a4.04%204.04%200%200%201%201.416-1.235l1.527-.808c.307-.161.583-.38.812-.635c.74-.844%202.729-3.047%206.261-6.609l.063-.287a.17.17%200%200%201%20.124-.131l.199-.052a.17.17%200%200%200%20.129-.187l-.015-.24a.167.167%200%200%201%20.167-.188c.233-.011.687.057%201.333.521c.64.464.853.875.921%201.099a.17.17%200%200%201-.125.219l-.233.057a.19.19%200%200%200-.136.193l.016.197a.17.17%200%200%201-.084.161l-.249.152c-2.235%204.495-3.683%207.088-4.245%208.061a2.8%202.8%200%200%200-.339.975l-.276%201.708a4.1%204.1%200%200%201-.713%201.74zm16.984%206.129l-7.765-10.843a4.06%204.06%200%200%200-1.416-1.24l-1.527-.808a2.8%202.8%200%200%201-.812-.635a40%2040%200%200%200-.781-.869c-.057-.057-.152-.048-.188.02a128%20128%200%200%201-2.328%204.297a1.9%201.9%200%200%200-.229.645a4.7%204.7%200%200%200%200%201.475l.016.083c.099.631.344%201.224.713%201.74l7.765%2010.844a1.84%201.84%200%200%200%201.724.765a6.34%206.34%200%200%200%202.948-1.172a6.4%206.4%200%200%200%202.041-2.407a1.87%201.87%200%200%200-.161-1.896zM11.073%204.489l.233.057a.18.18%200%200%201%20.136.188l-.016.197a.18.18%200%200%200%20.084.167l.249.152c.412.828.797%201.588%201.157%202.291c.036.068.119.084.171.027q.875-.937%202.115-2.224a.186.186%200%200%200%20.005-.256c-.421-.427-.859-.875-1.339-1.359l-.063-.281a.17.17%200%200%200-.124-.131l-.199-.052a.17.17%200%200%201-.129-.187l.015-.24a.17.17%200%200%200-.161-.188c-.235-.011-.692.057-1.339.521c-.64.464-.848.875-.921%201.099a.173.173%200%200%200%20.131.219z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.667%2017.735L6.902%2028.579a1.87%201.87%200%200%201-1.745.76c-.771-.093-1.833-.385-2.927-1.172S.522%2026.464.189%2025.766a1.88%201.88%200%200%201%20.161-1.901l7.765-10.843a4.04%204.04%200%200%201%201.416-1.235l1.527-.808c.307-.161.583-.38.812-.635c.74-.844%202.729-3.047%206.261-6.609l.063-.287a.17.17%200%200%201%20.124-.131l.199-.052a.17.17%200%200%200%20.129-.187l-.015-.24a.167.167%200%200%201%20.167-.188c.233-.011.687.057%201.333.521c.64.464.853.875.921%201.099a.17.17%200%200%201-.125.219l-.233.057a.19.19%200%200%200-.136.193l.016.197a.17.17%200%200%201-.084.161l-.249.152c-2.235%204.495-3.683%207.088-4.245%208.061a2.8%202.8%200%200%200-.339.975l-.276%201.708a4.1%204.1%200%200%201-.713%201.74zm16.984%206.129l-7.765-10.843a4.06%204.06%200%200%200-1.416-1.24l-1.527-.808a2.8%202.8%200%200%201-.812-.635a40%2040%200%200%200-.781-.869c-.057-.057-.152-.048-.188.02a128%20128%200%200%201-2.328%204.297a1.9%201.9%200%200%200-.229.645a4.7%204.7%200%200%200%200%201.475l.016.083c.099.631.344%201.224.713%201.74l7.765%2010.844a1.84%201.84%200%200%200%201.724.765a6.34%206.34%200%200%200%202.948-1.172a6.4%206.4%200%200%200%202.041-2.407a1.87%201.87%200%200%200-.161-1.896zM11.073%204.489l.233.057a.18.18%200%200%201%20.136.188l-.016.197a.18.18%200%200%200%20.084.167l.249.152c.412.828.797%201.588%201.157%202.291c.036.068.119.084.171.027q.875-.937%202.115-2.224a.186.186%200%200%200%20.005-.256c-.421-.427-.859-.875-1.339-1.359l-.063-.281a.17.17%200%200%200-.124-.131l-.199-.052a.17.17%200%200%201-.129-.187l.015-.24a.17.17%200%200%200-.161-.188c-.235-.011-.692.057-1.339.521c-.64.464-.848.875-.921%201.099a.173.173%200%200%200%20.131.219z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/untappd.svg?color=%231a73e8&size=48
