thenorthface logo
thenorthface from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- thenorthface
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the thenorthface logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.816 6.36v3.36h.228a4.847 4.847 0 0 1 4.764 4.764v3.036H24v-3.132c0-4.428-3.6-8.028-8.028-8.028H15.9Zm-9.06.012v.6h1.008V9.72h.696V6.972h1.008v-.6zm2.964 0V9.72h.696v-1.5h1.308v1.5h.696V6.372h-.696v1.272h-1.308V6.372Zm3 0V9.72h2.4v-.588h-1.752v-.876h1.548v-.588h-1.548V6.96h1.752v-.588ZM4.644 10.14c-.444 0-1.608.192-1.608 1.752s1.164 1.752 1.608 1.752s1.608-.192 1.608-1.752s-1.164-1.752-1.608-1.752M0 10.236v3.336h.648v-2.376H.66l1.368 2.376h.696v-3.336h-.648v2.316h-.012L.732 10.236Zm6.54 0l.012 3.336h.684v-1.308h.72c.516 0 .54.18.54.636c0 .348.024.516.072.672h.768v-.084c-.144-.048-.144-.168-.144-.66c0-.624-.144-.732-.42-.852c.324-.108.516-.42.516-.792c0-.288-.168-.948-1.056-.948zm2.916 0v.588h1.02v2.748h.696v-2.748h1.008v-.588zm2.976 0v3.336h.696v-1.5h1.296v1.5h.696v-3.336h-.696v1.26h-1.296v-1.26zm3.372 0v3.348h.156c1.08 0 1.944.876 1.944 1.944v1.992h2.388v-2.988c-.012-2.316-1.86-4.2-4.152-4.296h-.252Zm-11.16.504c.372 0 .9.228.9 1.164s-.528 1.164-.9 1.164s-.912-.228-.912-1.164s.54-1.164.912-1.164m2.58.072h.864c.408 0 .492.252.492.432c0 .324-.18.456-.54.456h-.816Zm3.684 3.204c-.876 0-1.572.612-1.572 1.812c0 1.188.648 1.8 1.56 1.8c.864 0 1.344-.516 1.488-1.26h-.72c-.084.42-.36.648-.756.648c-.612 0-.852-.552-.852-1.164c0-.972.504-1.2.852-1.2c.588 0 .696.384.756.588v-.012h.72c-.036-.504-.456-1.212-1.476-1.212m-6.696.084v3.432h.708v-1.44h1.512v-.612H4.92v-.768h1.728V14.1Zm3.228 0l-1.224 3.432h.756l.228-.708h1.284l.216.708h.78L8.268 14.1Zm5.232 0v3.432h2.46v-.612h-1.8v-.888h1.596v-.6h-1.596v-.72h1.8V14.1Zm3.144.012v3.432h1.596v-1.992c0-.792-.648-1.44-1.44-1.44zm-7.98.768h.012l.42 1.356h-.876Zm-4.92.912a.927.927 0 0 0-.936.924c0 .528.432.924.936.924a.917.917 0 0 0 .924-.924a.917.917 0 0 0-.924-.924m0 .144c.42 0 .756.336.756.78c0 .456-.324.792-.756.792s-.768-.348-.768-.792s.336-.78.768-.78m-.36.24v1.092h.168V16.8h.18l.3.468h.18l-.312-.48c.168-.024.288-.108.288-.3c0-.216-.132-.312-.384-.312zm.168.132h.228c.12 0 .24.024.24.168c0 .168-.144.18-.288.18h-.18z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsThenorthface(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.816 6.36v3.36h.228a4.847 4.847 0 0 1 4.764 4.764v3.036H24v-3.132c0-4.428-3.6-8.028-8.028-8.028H15.9Zm-9.06.012v.6h1.008V9.72h.696V6.972h1.008v-.6zm2.964 0V9.72h.696v-1.5h1.308v1.5h.696V6.372h-.696v1.272h-1.308V6.372Zm3 0V9.72h2.4v-.588h-1.752v-.876h1.548v-.588h-1.548V6.96h1.752v-.588ZM4.644 10.14c-.444 0-1.608.192-1.608 1.752s1.164 1.752 1.608 1.752s1.608-.192 1.608-1.752s-1.164-1.752-1.608-1.752M0 10.236v3.336h.648v-2.376H.66l1.368 2.376h.696v-3.336h-.648v2.316h-.012L.732 10.236Zm6.54 0l.012 3.336h.684v-1.308h.72c.516 0 .54.18.54.636c0 .348.024.516.072.672h.768v-.084c-.144-.048-.144-.168-.144-.66c0-.624-.144-.732-.42-.852c.324-.108.516-.42.516-.792c0-.288-.168-.948-1.056-.948zm2.916 0v.588h1.02v2.748h.696v-2.748h1.008v-.588zm2.976 0v3.336h.696v-1.5h1.296v1.5h.696v-3.336h-.696v1.26h-1.296v-1.26zm3.372 0v3.348h.156c1.08 0 1.944.876 1.944 1.944v1.992h2.388v-2.988c-.012-2.316-1.86-4.2-4.152-4.296h-.252Zm-11.16.504c.372 0 .9.228.9 1.164s-.528 1.164-.9 1.164s-.912-.228-.912-1.164s.54-1.164.912-1.164m2.58.072h.864c.408 0 .492.252.492.432c0 .324-.18.456-.54.456h-.816Zm3.684 3.204c-.876 0-1.572.612-1.572 1.812c0 1.188.648 1.8 1.56 1.8c.864 0 1.344-.516 1.488-1.26h-.72c-.084.42-.36.648-.756.648c-.612 0-.852-.552-.852-1.164c0-.972.504-1.2.852-1.2c.588 0 .696.384.756.588v-.012h.72c-.036-.504-.456-1.212-1.476-1.212m-6.696.084v3.432h.708v-1.44h1.512v-.612H4.92v-.768h1.728V14.1Zm3.228 0l-1.224 3.432h.756l.228-.708h1.284l.216.708h.78L8.268 14.1Zm5.232 0v3.432h2.46v-.612h-1.8v-.888h1.596v-.6h-1.596v-.72h1.8V14.1Zm3.144.012v3.432h1.596v-1.992c0-.792-.648-1.44-1.44-1.44zm-7.98.768h.012l.42 1.356h-.876Zm-4.92.912a.927.927 0 0 0-.936.924c0 .528.432.924.936.924a.917.917 0 0 0 .924-.924a.917.917 0 0 0-.924-.924m0 .144c.42 0 .756.336.756.78c0 .456-.324.792-.756.792s-.768-.348-.768-.792s.336-.78.768-.78m-.36.24v1.092h.168V16.8h.18l.3.468h.18l-.312-.48c.168-.024.288-.108.288-.3c0-.216-.132-.312-.384-.312zm.168.132h.228c.12 0 .24.024.24.168c0 .168-.144.18-.288.18h-.18z"/></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.816 6.36v3.36h.228a4.847 4.847 0 0 1 4.764 4.764v3.036H24v-3.132c0-4.428-3.6-8.028-8.028-8.028H15.9Zm-9.06.012v.6h1.008V9.72h.696V6.972h1.008v-.6zm2.964 0V9.72h.696v-1.5h1.308v1.5h.696V6.372h-.696v1.272h-1.308V6.372Zm3 0V9.72h2.4v-.588h-1.752v-.876h1.548v-.588h-1.548V6.96h1.752v-.588ZM4.644 10.14c-.444 0-1.608.192-1.608 1.752s1.164 1.752 1.608 1.752s1.608-.192 1.608-1.752s-1.164-1.752-1.608-1.752M0 10.236v3.336h.648v-2.376H.66l1.368 2.376h.696v-3.336h-.648v2.316h-.012L.732 10.236Zm6.54 0l.012 3.336h.684v-1.308h.72c.516 0 .54.18.54.636c0 .348.024.516.072.672h.768v-.084c-.144-.048-.144-.168-.144-.66c0-.624-.144-.732-.42-.852c.324-.108.516-.42.516-.792c0-.288-.168-.948-1.056-.948zm2.916 0v.588h1.02v2.748h.696v-2.748h1.008v-.588zm2.976 0v3.336h.696v-1.5h1.296v1.5h.696v-3.336h-.696v1.26h-1.296v-1.26zm3.372 0v3.348h.156c1.08 0 1.944.876 1.944 1.944v1.992h2.388v-2.988c-.012-2.316-1.86-4.2-4.152-4.296h-.252Zm-11.16.504c.372 0 .9.228.9 1.164s-.528 1.164-.9 1.164s-.912-.228-.912-1.164s.54-1.164.912-1.164m2.58.072h.864c.408 0 .492.252.492.432c0 .324-.18.456-.54.456h-.816Zm3.684 3.204c-.876 0-1.572.612-1.572 1.812c0 1.188.648 1.8 1.56 1.8c.864 0 1.344-.516 1.488-1.26h-.72c-.084.42-.36.648-.756.648c-.612 0-.852-.552-.852-1.164c0-.972.504-1.2.852-1.2c.588 0 .696.384.756.588v-.012h.72c-.036-.504-.456-1.212-1.476-1.212m-6.696.084v3.432h.708v-1.44h1.512v-.612H4.92v-.768h1.728V14.1Zm3.228 0l-1.224 3.432h.756l.228-.708h1.284l.216.708h.78L8.268 14.1Zm5.232 0v3.432h2.46v-.612h-1.8v-.888h1.596v-.6h-1.596v-.72h1.8V14.1Zm3.144.012v3.432h1.596v-1.992c0-.792-.648-1.44-1.44-1.44zm-7.98.768h.012l.42 1.356h-.876Zm-4.92.912a.927.927 0 0 0-.936.924c0 .528.432.924.936.924a.917.917 0 0 0 .924-.924a.917.917 0 0 0-.924-.924m0 .144c.42 0 .756.336.756.78c0 .456-.324.792-.756.792s-.768-.348-.768-.792s.336-.78.768-.78m-.36.24v1.092h.168V16.8h.18l.3.468h.18l-.312-.48c.168-.024.288-.108.288-.3c0-.216-.132-.312-.384-.312zm.168.132h.228c.12 0 .24.024.24.168c0 .168-.144.18-.288.18h-.18z"/></svg> </template>
CSS
.icon-thenorthface {
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.816%206.36v3.36h.228a4.847%204.847%200%200%201%204.764%204.764v3.036H24v-3.132c0-4.428-3.6-8.028-8.028-8.028H15.9Zm-9.06.012v.6h1.008V9.72h.696V6.972h1.008v-.6zm2.964%200V9.72h.696v-1.5h1.308v1.5h.696V6.372h-.696v1.272h-1.308V6.372Zm3%200V9.72h2.4v-.588h-1.752v-.876h1.548v-.588h-1.548V6.96h1.752v-.588ZM4.644%2010.14c-.444%200-1.608.192-1.608%201.752s1.164%201.752%201.608%201.752s1.608-.192%201.608-1.752s-1.164-1.752-1.608-1.752M0%2010.236v3.336h.648v-2.376H.66l1.368%202.376h.696v-3.336h-.648v2.316h-.012L.732%2010.236Zm6.54%200l.012%203.336h.684v-1.308h.72c.516%200%20.54.18.54.636c0%20.348.024.516.072.672h.768v-.084c-.144-.048-.144-.168-.144-.66c0-.624-.144-.732-.42-.852c.324-.108.516-.42.516-.792c0-.288-.168-.948-1.056-.948zm2.916%200v.588h1.02v2.748h.696v-2.748h1.008v-.588zm2.976%200v3.336h.696v-1.5h1.296v1.5h.696v-3.336h-.696v1.26h-1.296v-1.26zm3.372%200v3.348h.156c1.08%200%201.944.876%201.944%201.944v1.992h2.388v-2.988c-.012-2.316-1.86-4.2-4.152-4.296h-.252Zm-11.16.504c.372%200%20.9.228.9%201.164s-.528%201.164-.9%201.164s-.912-.228-.912-1.164s.54-1.164.912-1.164m2.58.072h.864c.408%200%20.492.252.492.432c0%20.324-.18.456-.54.456h-.816Zm3.684%203.204c-.876%200-1.572.612-1.572%201.812c0%201.188.648%201.8%201.56%201.8c.864%200%201.344-.516%201.488-1.26h-.72c-.084.42-.36.648-.756.648c-.612%200-.852-.552-.852-1.164c0-.972.504-1.2.852-1.2c.588%200%20.696.384.756.588v-.012h.72c-.036-.504-.456-1.212-1.476-1.212m-6.696.084v3.432h.708v-1.44h1.512v-.612H4.92v-.768h1.728V14.1Zm3.228%200l-1.224%203.432h.756l.228-.708h1.284l.216.708h.78L8.268%2014.1Zm5.232%200v3.432h2.46v-.612h-1.8v-.888h1.596v-.6h-1.596v-.72h1.8V14.1Zm3.144.012v3.432h1.596v-1.992c0-.792-.648-1.44-1.44-1.44zm-7.98.768h.012l.42%201.356h-.876Zm-4.92.912a.927.927%200%200%200-.936.924c0%20.528.432.924.936.924a.917.917%200%200%200%20.924-.924a.917.917%200%200%200-.924-.924m0%20.144c.42%200%20.756.336.756.78c0%20.456-.324.792-.756.792s-.768-.348-.768-.792s.336-.78.768-.78m-.36.24v1.092h.168V16.8h.18l.3.468h.18l-.312-.48c.168-.024.288-.108.288-.3c0-.216-.132-.312-.384-.312zm.168.132h.228c.12%200%20.24.024.24.168c0%20.168-.144.18-.288.18h-.18z%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.816%206.36v3.36h.228a4.847%204.847%200%200%201%204.764%204.764v3.036H24v-3.132c0-4.428-3.6-8.028-8.028-8.028H15.9Zm-9.06.012v.6h1.008V9.72h.696V6.972h1.008v-.6zm2.964%200V9.72h.696v-1.5h1.308v1.5h.696V6.372h-.696v1.272h-1.308V6.372Zm3%200V9.72h2.4v-.588h-1.752v-.876h1.548v-.588h-1.548V6.96h1.752v-.588ZM4.644%2010.14c-.444%200-1.608.192-1.608%201.752s1.164%201.752%201.608%201.752s1.608-.192%201.608-1.752s-1.164-1.752-1.608-1.752M0%2010.236v3.336h.648v-2.376H.66l1.368%202.376h.696v-3.336h-.648v2.316h-.012L.732%2010.236Zm6.54%200l.012%203.336h.684v-1.308h.72c.516%200%20.54.18.54.636c0%20.348.024.516.072.672h.768v-.084c-.144-.048-.144-.168-.144-.66c0-.624-.144-.732-.42-.852c.324-.108.516-.42.516-.792c0-.288-.168-.948-1.056-.948zm2.916%200v.588h1.02v2.748h.696v-2.748h1.008v-.588zm2.976%200v3.336h.696v-1.5h1.296v1.5h.696v-3.336h-.696v1.26h-1.296v-1.26zm3.372%200v3.348h.156c1.08%200%201.944.876%201.944%201.944v1.992h2.388v-2.988c-.012-2.316-1.86-4.2-4.152-4.296h-.252Zm-11.16.504c.372%200%20.9.228.9%201.164s-.528%201.164-.9%201.164s-.912-.228-.912-1.164s.54-1.164.912-1.164m2.58.072h.864c.408%200%20.492.252.492.432c0%20.324-.18.456-.54.456h-.816Zm3.684%203.204c-.876%200-1.572.612-1.572%201.812c0%201.188.648%201.8%201.56%201.8c.864%200%201.344-.516%201.488-1.26h-.72c-.084.42-.36.648-.756.648c-.612%200-.852-.552-.852-1.164c0-.972.504-1.2.852-1.2c.588%200%20.696.384.756.588v-.012h.72c-.036-.504-.456-1.212-1.476-1.212m-6.696.084v3.432h.708v-1.44h1.512v-.612H4.92v-.768h1.728V14.1Zm3.228%200l-1.224%203.432h.756l.228-.708h1.284l.216.708h.78L8.268%2014.1Zm5.232%200v3.432h2.46v-.612h-1.8v-.888h1.596v-.6h-1.596v-.72h1.8V14.1Zm3.144.012v3.432h1.596v-1.992c0-.792-.648-1.44-1.44-1.44zm-7.98.768h.012l.42%201.356h-.876Zm-4.92.912a.927.927%200%200%200-.936.924c0%20.528.432.924.936.924a.917.917%200%200%200%20.924-.924a.917.917%200%200%200-.924-.924m0%20.144c.42%200%20.756.336.756.78c0%20.456-.324.792-.756.792s-.768-.348-.768-.792s.336-.78.768-.78m-.36.24v1.092h.168V16.8h.18l.3.468h.18l-.312-.48c.168-.024.288-.108.288-.3c0-.216-.132-.312-.384-.312zm.168.132h.228c.12%200%20.24.024.24.168c0%20.168-.144.18-.288.18h-.18z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/thenorthface.svg?color=%231a73e8&size=48
