alltrails logo

alltrails from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
alltrails
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the alltrails logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.441 8.451c-.653-1.247-1.158-1.841-1.813-1.841c-.731 0-1.053.387-1.494 1.079c-.357.464-.7 1.1-1.273 1.036c-.604-.063-.954-1.491-1.41-2.686c-.625-1.63-.985-3.322-2.024-3.322c-.593 0-1.111.54-1.915 1.747l-8.301 12.73c-.954 1.593-1.753 2.704-.742 3.748c1.187 1.142 3.975-.857 5.883-2.063c1.908-1.205 3.859-2.38 6.615-2.316c3.71.085 5.512 3.808 7.76 4.516c1.526.487 2.926-.074 3.223-1.65c.174-.866-.129-1.707-.547-2.604zm-.254 7.467c-.753.56-1.803-.339-2.481-.72c-.72-.401-1.94-1.364-4.124-1.332c-1.78.021-2.745.687-3.805 1.407c-2.3 1.565-4.379 3.384-4.972 2.443c-.382-.603.646-1.809 3.063-5.574c1.718-2.676 2.927-4.813 3.785-4.813c.948 0 1 .93 1.145 1.883c.272 1.518 1.014 2.308 1.978 2.433c1.08.146 2.014-.76 2.756-.751c.693.014 1.15 1.018 1.722 2.065c.725 1.301 1.482 2.546.933 2.959"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsAlltrails(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="M19.441 8.451c-.653-1.247-1.158-1.841-1.813-1.841c-.731 0-1.053.387-1.494 1.079c-.357.464-.7 1.1-1.273 1.036c-.604-.063-.954-1.491-1.41-2.686c-.625-1.63-.985-3.322-2.024-3.322c-.593 0-1.111.54-1.915 1.747l-8.301 12.73c-.954 1.593-1.753 2.704-.742 3.748c1.187 1.142 3.975-.857 5.883-2.063c1.908-1.205 3.859-2.38 6.615-2.316c3.71.085 5.512 3.808 7.76 4.516c1.526.487 2.926-.074 3.223-1.65c.174-.866-.129-1.707-.547-2.604zm-.254 7.467c-.753.56-1.803-.339-2.481-.72c-.72-.401-1.94-1.364-4.124-1.332c-1.78.021-2.745.687-3.805 1.407c-2.3 1.565-4.379 3.384-4.972 2.443c-.382-.603.646-1.809 3.063-5.574c1.718-2.676 2.927-4.813 3.785-4.813c.948 0 1 .93 1.145 1.883c.272 1.518 1.014 2.308 1.978 2.433c1.08.146 2.014-.76 2.756-.751c.693.014 1.15 1.018 1.722 2.065c.725 1.301 1.482 2.546.933 2.959"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.441 8.451c-.653-1.247-1.158-1.841-1.813-1.841c-.731 0-1.053.387-1.494 1.079c-.357.464-.7 1.1-1.273 1.036c-.604-.063-.954-1.491-1.41-2.686c-.625-1.63-.985-3.322-2.024-3.322c-.593 0-1.111.54-1.915 1.747l-8.301 12.73c-.954 1.593-1.753 2.704-.742 3.748c1.187 1.142 3.975-.857 5.883-2.063c1.908-1.205 3.859-2.38 6.615-2.316c3.71.085 5.512 3.808 7.76 4.516c1.526.487 2.926-.074 3.223-1.65c.174-.866-.129-1.707-.547-2.604zm-.254 7.467c-.753.56-1.803-.339-2.481-.72c-.72-.401-1.94-1.364-4.124-1.332c-1.78.021-2.745.687-3.805 1.407c-2.3 1.565-4.379 3.384-4.972 2.443c-.382-.603.646-1.809 3.063-5.574c1.718-2.676 2.927-4.813 3.785-4.813c.948 0 1 .93 1.145 1.883c.272 1.518 1.014 2.308 1.978 2.433c1.08.146 2.014-.76 2.756-.751c.693.014 1.15 1.018 1.722 2.065c.725 1.301 1.482 2.546.933 2.959"/></svg>
</template>

CSS

.icon-alltrails {
  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%22M19.441%208.451c-.653-1.247-1.158-1.841-1.813-1.841c-.731%200-1.053.387-1.494%201.079c-.357.464-.7%201.1-1.273%201.036c-.604-.063-.954-1.491-1.41-2.686c-.625-1.63-.985-3.322-2.024-3.322c-.593%200-1.111.54-1.915%201.747l-8.301%2012.73c-.954%201.593-1.753%202.704-.742%203.748c1.187%201.142%203.975-.857%205.883-2.063c1.908-1.205%203.859-2.38%206.615-2.316c3.71.085%205.512%203.808%207.76%204.516c1.526.487%202.926-.074%203.223-1.65c.174-.866-.129-1.707-.547-2.604zm-.254%207.467c-.753.56-1.803-.339-2.481-.72c-.72-.401-1.94-1.364-4.124-1.332c-1.78.021-2.745.687-3.805%201.407c-2.3%201.565-4.379%203.384-4.972%202.443c-.382-.603.646-1.809%203.063-5.574c1.718-2.676%202.927-4.813%203.785-4.813c.948%200%201%20.93%201.145%201.883c.272%201.518%201.014%202.308%201.978%202.433c1.08.146%202.014-.76%202.756-.751c.693.014%201.15%201.018%201.722%202.065c.725%201.301%201.482%202.546.933%202.959%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%22M19.441%208.451c-.653-1.247-1.158-1.841-1.813-1.841c-.731%200-1.053.387-1.494%201.079c-.357.464-.7%201.1-1.273%201.036c-.604-.063-.954-1.491-1.41-2.686c-.625-1.63-.985-3.322-2.024-3.322c-.593%200-1.111.54-1.915%201.747l-8.301%2012.73c-.954%201.593-1.753%202.704-.742%203.748c1.187%201.142%203.975-.857%205.883-2.063c1.908-1.205%203.859-2.38%206.615-2.316c3.71.085%205.512%203.808%207.76%204.516c1.526.487%202.926-.074%203.223-1.65c.174-.866-.129-1.707-.547-2.604zm-.254%207.467c-.753.56-1.803-.339-2.481-.72c-.72-.401-1.94-1.364-4.124-1.332c-1.78.021-2.745.687-3.805%201.407c-2.3%201.565-4.379%203.384-4.972%202.443c-.382-.603.646-1.809%203.063-5.574c1.718-2.676%202.927-4.813%203.785-4.813c.948%200%201%20.93%201.145%201.883c.272%201.518%201.014%202.308%201.978%202.433c1.08.146%202.014-.76%202.756-.751c.693.014%201.15%201.018%201.722%202.065c.725%201.301%201.482%202.546.933%202.959%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/alltrails.svg?color=%231a73e8&size=48