trainerroad logo
trainerroad from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- trainerroad
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the trainerroad logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.289 14.039c.157-.064.44-.199.51-.234c1.105-.56 1.92-1.222 2.42-1.966c.527-.756.8-1.658.78-2.579c0-1.253-.456-2.193-1.398-2.874c-.922-.668-2.225-.971-3.874-1.012H1.357L0 8.421h5.528a.05.05 0 0 1 .038.016a.02.02 0 0 1 .004.019L2.785 16.85h3.668c.063 0 .12-.041.14-.102l2.759-8.303a.04.04 0 0 1 .042-.024l2.823.001q.022 0 .038.015a.02.02 0 0 1 .004.019L9.473 16.85h3.669c.064 0 .12-.042.14-.103l.742-2.26a.04.04 0 0 1 .042-.024s2.452.005 2.452.003c.864 1.363 1.807 2.878 2.616 4.16l3.844-.002c.118 0 .19-.13.125-.229l-2.832-4.321c-.01-.022.013-.025.018-.035m-.45-3.355c-.437.412-1.185.612-2.163.612h-2.583l.952-2.874l2.353.001c1.14.017 1.826.514 1.838 1.337a1.22 1.22 0 0 1-.397.924"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsTrainerroad(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="M20.289 14.039c.157-.064.44-.199.51-.234c1.105-.56 1.92-1.222 2.42-1.966c.527-.756.8-1.658.78-2.579c0-1.253-.456-2.193-1.398-2.874c-.922-.668-2.225-.971-3.874-1.012H1.357L0 8.421h5.528a.05.05 0 0 1 .038.016a.02.02 0 0 1 .004.019L2.785 16.85h3.668c.063 0 .12-.041.14-.102l2.759-8.303a.04.04 0 0 1 .042-.024l2.823.001q.022 0 .038.015a.02.02 0 0 1 .004.019L9.473 16.85h3.669c.064 0 .12-.042.14-.103l.742-2.26a.04.04 0 0 1 .042-.024s2.452.005 2.452.003c.864 1.363 1.807 2.878 2.616 4.16l3.844-.002c.118 0 .19-.13.125-.229l-2.832-4.321c-.01-.022.013-.025.018-.035m-.45-3.355c-.437.412-1.185.612-2.163.612h-2.583l.952-2.874l2.353.001c1.14.017 1.826.514 1.838 1.337a1.22 1.22 0 0 1-.397.924"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.289 14.039c.157-.064.44-.199.51-.234c1.105-.56 1.92-1.222 2.42-1.966c.527-.756.8-1.658.78-2.579c0-1.253-.456-2.193-1.398-2.874c-.922-.668-2.225-.971-3.874-1.012H1.357L0 8.421h5.528a.05.05 0 0 1 .038.016a.02.02 0 0 1 .004.019L2.785 16.85h3.668c.063 0 .12-.041.14-.102l2.759-8.303a.04.04 0 0 1 .042-.024l2.823.001q.022 0 .038.015a.02.02 0 0 1 .004.019L9.473 16.85h3.669c.064 0 .12-.042.14-.103l.742-2.26a.04.04 0 0 1 .042-.024s2.452.005 2.452.003c.864 1.363 1.807 2.878 2.616 4.16l3.844-.002c.118 0 .19-.13.125-.229l-2.832-4.321c-.01-.022.013-.025.018-.035m-.45-3.355c-.437.412-1.185.612-2.163.612h-2.583l.952-2.874l2.353.001c1.14.017 1.826.514 1.838 1.337a1.22 1.22 0 0 1-.397.924"/></svg> </template>
CSS
.icon-trainerroad {
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%22M20.289%2014.039c.157-.064.44-.199.51-.234c1.105-.56%201.92-1.222%202.42-1.966c.527-.756.8-1.658.78-2.579c0-1.253-.456-2.193-1.398-2.874c-.922-.668-2.225-.971-3.874-1.012H1.357L0%208.421h5.528a.05.05%200%200%201%20.038.016a.02.02%200%200%201%20.004.019L2.785%2016.85h3.668c.063%200%20.12-.041.14-.102l2.759-8.303a.04.04%200%200%201%20.042-.024l2.823.001q.022%200%20.038.015a.02.02%200%200%201%20.004.019L9.473%2016.85h3.669c.064%200%20.12-.042.14-.103l.742-2.26a.04.04%200%200%201%20.042-.024s2.452.005%202.452.003c.864%201.363%201.807%202.878%202.616%204.16l3.844-.002c.118%200%20.19-.13.125-.229l-2.832-4.321c-.01-.022.013-.025.018-.035m-.45-3.355c-.437.412-1.185.612-2.163.612h-2.583l.952-2.874l2.353.001c1.14.017%201.826.514%201.838%201.337a1.22%201.22%200%200%201-.397.924%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%22M20.289%2014.039c.157-.064.44-.199.51-.234c1.105-.56%201.92-1.222%202.42-1.966c.527-.756.8-1.658.78-2.579c0-1.253-.456-2.193-1.398-2.874c-.922-.668-2.225-.971-3.874-1.012H1.357L0%208.421h5.528a.05.05%200%200%201%20.038.016a.02.02%200%200%201%20.004.019L2.785%2016.85h3.668c.063%200%20.12-.041.14-.102l2.759-8.303a.04.04%200%200%201%20.042-.024l2.823.001q.022%200%20.038.015a.02.02%200%200%201%20.004.019L9.473%2016.85h3.669c.064%200%20.12-.042.14-.103l.742-2.26a.04.04%200%200%201%20.042-.024s2.452.005%202.452.003c.864%201.363%201.807%202.878%202.616%204.16l3.844-.002c.118%200%20.19-.13.125-.229l-2.832-4.321c-.01-.022.013-.025.018-.035m-.45-3.355c-.437.412-1.185.612-2.163.612h-2.583l.952-2.874l2.353.001c1.14.017%201.826.514%201.838%201.337a1.22%201.22%200%200%201-.397.924%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/trainerroad.svg?color=%231a73e8&size=48
