underarmour logo
underarmour from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- underarmour
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the underarmour logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.954 12a17 17 0 0 1-.324.233c-.826.585-2.023.985-3.58.985h-.104c-1.556 0-2.755-.4-3.58-.985L8.042 12q.133-.099.324-.234c.825-.584 2.024-.985 3.58-.985h.104c1.557 0 2.756.401 3.58.985q.192.134.325.234M24 7.181s-.709-.541-2.95-1.365c-1.968-.721-3.452-.883-3.452-.883l.006 4.243c0 .598-.162 1.143-.618 1.765c-1.672-.61-3.254-.985-4.981-.985c-1.728 0-3.308.375-4.98.985c-.457-.619-.62-1.168-.62-1.765l.007-4.243s-1.494.16-3.463.883C.709 6.642 0 7.181 0 7.181c.093 1.926 1.78 3.638 4.435 4.82C1.777 13.18.09 14.887 0 16.818c0 0 .709.54 2.949 1.365c1.968.721 3.453.883 3.453.883l-.007-4.244c0-.597.164-1.143.619-1.764c1.672.61 3.252.983 4.98.983c1.727 0 3.309-.374 4.98-.983c.457.62.62 1.167.62 1.764l-.006 4.244s1.484-.16 3.452-.883c2.241-.826 2.95-1.365 2.95-1.365c-.093-1.927-1.78-3.64-4.435-4.819c2.657-1.182 4.343-2.888 4.435-4.82"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsUnderarmour(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="M15.954 12a17 17 0 0 1-.324.233c-.826.585-2.023.985-3.58.985h-.104c-1.556 0-2.755-.4-3.58-.985L8.042 12q.133-.099.324-.234c.825-.584 2.024-.985 3.58-.985h.104c1.557 0 2.756.401 3.58.985q.192.134.325.234M24 7.181s-.709-.541-2.95-1.365c-1.968-.721-3.452-.883-3.452-.883l.006 4.243c0 .598-.162 1.143-.618 1.765c-1.672-.61-3.254-.985-4.981-.985c-1.728 0-3.308.375-4.98.985c-.457-.619-.62-1.168-.62-1.765l.007-4.243s-1.494.16-3.463.883C.709 6.642 0 7.181 0 7.181c.093 1.926 1.78 3.638 4.435 4.82C1.777 13.18.09 14.887 0 16.818c0 0 .709.54 2.949 1.365c1.968.721 3.453.883 3.453.883l-.007-4.244c0-.597.164-1.143.619-1.764c1.672.61 3.252.983 4.98.983c1.727 0 3.309-.374 4.98-.983c.457.62.62 1.167.62 1.764l-.006 4.244s1.484-.16 3.452-.883c2.241-.826 2.95-1.365 2.95-1.365c-.093-1.927-1.78-3.64-4.435-4.819c2.657-1.182 4.343-2.888 4.435-4.82"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.954 12a17 17 0 0 1-.324.233c-.826.585-2.023.985-3.58.985h-.104c-1.556 0-2.755-.4-3.58-.985L8.042 12q.133-.099.324-.234c.825-.584 2.024-.985 3.58-.985h.104c1.557 0 2.756.401 3.58.985q.192.134.325.234M24 7.181s-.709-.541-2.95-1.365c-1.968-.721-3.452-.883-3.452-.883l.006 4.243c0 .598-.162 1.143-.618 1.765c-1.672-.61-3.254-.985-4.981-.985c-1.728 0-3.308.375-4.98.985c-.457-.619-.62-1.168-.62-1.765l.007-4.243s-1.494.16-3.463.883C.709 6.642 0 7.181 0 7.181c.093 1.926 1.78 3.638 4.435 4.82C1.777 13.18.09 14.887 0 16.818c0 0 .709.54 2.949 1.365c1.968.721 3.453.883 3.453.883l-.007-4.244c0-.597.164-1.143.619-1.764c1.672.61 3.252.983 4.98.983c1.727 0 3.309-.374 4.98-.983c.457.62.62 1.167.62 1.764l-.006 4.244s1.484-.16 3.452-.883c2.241-.826 2.95-1.365 2.95-1.365c-.093-1.927-1.78-3.64-4.435-4.819c2.657-1.182 4.343-2.888 4.435-4.82"/></svg> </template>
CSS
.icon-underarmour {
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%22M15.954%2012a17%2017%200%200%201-.324.233c-.826.585-2.023.985-3.58.985h-.104c-1.556%200-2.755-.4-3.58-.985L8.042%2012q.133-.099.324-.234c.825-.584%202.024-.985%203.58-.985h.104c1.557%200%202.756.401%203.58.985q.192.134.325.234M24%207.181s-.709-.541-2.95-1.365c-1.968-.721-3.452-.883-3.452-.883l.006%204.243c0%20.598-.162%201.143-.618%201.765c-1.672-.61-3.254-.985-4.981-.985c-1.728%200-3.308.375-4.98.985c-.457-.619-.62-1.168-.62-1.765l.007-4.243s-1.494.16-3.463.883C.709%206.642%200%207.181%200%207.181c.093%201.926%201.78%203.638%204.435%204.82C1.777%2013.18.09%2014.887%200%2016.818c0%200%20.709.54%202.949%201.365c1.968.721%203.453.883%203.453.883l-.007-4.244c0-.597.164-1.143.619-1.764c1.672.61%203.252.983%204.98.983c1.727%200%203.309-.374%204.98-.983c.457.62.62%201.167.62%201.764l-.006%204.244s1.484-.16%203.452-.883c2.241-.826%202.95-1.365%202.95-1.365c-.093-1.927-1.78-3.64-4.435-4.819c2.657-1.182%204.343-2.888%204.435-4.82%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%22M15.954%2012a17%2017%200%200%201-.324.233c-.826.585-2.023.985-3.58.985h-.104c-1.556%200-2.755-.4-3.58-.985L8.042%2012q.133-.099.324-.234c.825-.584%202.024-.985%203.58-.985h.104c1.557%200%202.756.401%203.58.985q.192.134.325.234M24%207.181s-.709-.541-2.95-1.365c-1.968-.721-3.452-.883-3.452-.883l.006%204.243c0%20.598-.162%201.143-.618%201.765c-1.672-.61-3.254-.985-4.981-.985c-1.728%200-3.308.375-4.98.985c-.457-.619-.62-1.168-.62-1.765l.007-4.243s-1.494.16-3.463.883C.709%206.642%200%207.181%200%207.181c.093%201.926%201.78%203.638%204.435%204.82C1.777%2013.18.09%2014.887%200%2016.818c0%200%20.709.54%202.949%201.365c1.968.721%203.453.883%203.453.883l-.007-4.244c0-.597.164-1.143.619-1.764c1.672.61%203.252.983%204.98.983c1.727%200%203.309-.374%204.98-.983c.457.62.62%201.167.62%201.764l-.006%204.244s1.484-.16%203.452-.883c2.241-.826%202.95-1.365%202.95-1.365c-.093-1.927-1.78-3.64-4.435-4.819c2.657-1.182%204.343-2.888%204.435-4.82%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/underarmour.svg?color=%231a73e8&size=48
