roadmapdotsh logo
roadmapdotsh from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- roadmapdotsh
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the roadmapdotsh logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.693 0H3.307A3.307 3.307 0 0 0 0 3.307v17.386A3.307 3.307 0 0 0 3.307 24h17.386A3.307 3.307 0 0 0 24 20.693V3.307A3.307 3.307 0 0 0 20.693 0m-7.706 9.18q-.523.046-1.021.142q-.5.094-.95.214a3.6 3.6 0 0 0-.736.237v8.097a5.5 5.5 0 0 1-.76.143q-.498.07-1.045.07a6 6 0 0 1-.95-.07a1.6 1.6 0 0 1-.688-.285a1.5 1.5 0 0 1-.452-.57q-.142-.38-.142-.974V9.061q0-.546.19-.926q.213-.405.594-.713a4 4 0 0 1 .926-.546a9.1 9.1 0 0 1 2.54-.736a8 8 0 0 1 1.378-.119q1.14 0 1.804.451q.666.428.665 1.425q0 .333-.095.665a3 3 0 0 1-.237.57q-.512 0-1.021.047zm5.113 8.453q-.618.665-1.686.665c-1.068 0-1.274-.222-1.686-.665q-.618-.665-.617-1.662q0-.998.617-1.663q.618-.664 1.686-.664c1.068 0 1.274.221 1.686.664q.617.666.617 1.663t-.617 1.662"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsRoadmapdotsh(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.693 0H3.307A3.307 3.307 0 0 0 0 3.307v17.386A3.307 3.307 0 0 0 3.307 24h17.386A3.307 3.307 0 0 0 24 20.693V3.307A3.307 3.307 0 0 0 20.693 0m-7.706 9.18q-.523.046-1.021.142q-.5.094-.95.214a3.6 3.6 0 0 0-.736.237v8.097a5.5 5.5 0 0 1-.76.143q-.498.07-1.045.07a6 6 0 0 1-.95-.07a1.6 1.6 0 0 1-.688-.285a1.5 1.5 0 0 1-.452-.57q-.142-.38-.142-.974V9.061q0-.546.19-.926q.213-.405.594-.713a4 4 0 0 1 .926-.546a9.1 9.1 0 0 1 2.54-.736a8 8 0 0 1 1.378-.119q1.14 0 1.804.451q.666.428.665 1.425q0 .333-.095.665a3 3 0 0 1-.237.57q-.512 0-1.021.047zm5.113 8.453q-.618.665-1.686.665c-1.068 0-1.274-.222-1.686-.665q-.618-.665-.617-1.662q0-.998.617-1.663q.618-.664 1.686-.664c1.068 0 1.274.221 1.686.664q.617.666.617 1.663t-.617 1.662"/></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.693 0H3.307A3.307 3.307 0 0 0 0 3.307v17.386A3.307 3.307 0 0 0 3.307 24h17.386A3.307 3.307 0 0 0 24 20.693V3.307A3.307 3.307 0 0 0 20.693 0m-7.706 9.18q-.523.046-1.021.142q-.5.094-.95.214a3.6 3.6 0 0 0-.736.237v8.097a5.5 5.5 0 0 1-.76.143q-.498.07-1.045.07a6 6 0 0 1-.95-.07a1.6 1.6 0 0 1-.688-.285a1.5 1.5 0 0 1-.452-.57q-.142-.38-.142-.974V9.061q0-.546.19-.926q.213-.405.594-.713a4 4 0 0 1 .926-.546a9.1 9.1 0 0 1 2.54-.736a8 8 0 0 1 1.378-.119q1.14 0 1.804.451q.666.428.665 1.425q0 .333-.095.665a3 3 0 0 1-.237.57q-.512 0-1.021.047zm5.113 8.453q-.618.665-1.686.665c-1.068 0-1.274-.222-1.686-.665q-.618-.665-.617-1.662q0-.998.617-1.663q.618-.664 1.686-.664c1.068 0 1.274.221 1.686.664q.617.666.617 1.663t-.617 1.662"/></svg> </template>
CSS
.icon-roadmapdotsh {
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.693%200H3.307A3.307%203.307%200%200%200%200%203.307v17.386A3.307%203.307%200%200%200%203.307%2024h17.386A3.307%203.307%200%200%200%2024%2020.693V3.307A3.307%203.307%200%200%200%2020.693%200m-7.706%209.18q-.523.046-1.021.142q-.5.094-.95.214a3.6%203.6%200%200%200-.736.237v8.097a5.5%205.5%200%200%201-.76.143q-.498.07-1.045.07a6%206%200%200%201-.95-.07a1.6%201.6%200%200%201-.688-.285a1.5%201.5%200%200%201-.452-.57q-.142-.38-.142-.974V9.061q0-.546.19-.926q.213-.405.594-.713a4%204%200%200%201%20.926-.546a9.1%209.1%200%200%201%202.54-.736a8%208%200%200%201%201.378-.119q1.14%200%201.804.451q.666.428.665%201.425q0%20.333-.095.665a3%203%200%200%201-.237.57q-.512%200-1.021.047zm5.113%208.453q-.618.665-1.686.665c-1.068%200-1.274-.222-1.686-.665q-.618-.665-.617-1.662q0-.998.617-1.663q.618-.664%201.686-.664c1.068%200%201.274.221%201.686.664q.617.666.617%201.663t-.617%201.662%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.693%200H3.307A3.307%203.307%200%200%200%200%203.307v17.386A3.307%203.307%200%200%200%203.307%2024h17.386A3.307%203.307%200%200%200%2024%2020.693V3.307A3.307%203.307%200%200%200%2020.693%200m-7.706%209.18q-.523.046-1.021.142q-.5.094-.95.214a3.6%203.6%200%200%200-.736.237v8.097a5.5%205.5%200%200%201-.76.143q-.498.07-1.045.07a6%206%200%200%201-.95-.07a1.6%201.6%200%200%201-.688-.285a1.5%201.5%200%200%201-.452-.57q-.142-.38-.142-.974V9.061q0-.546.19-.926q.213-.405.594-.713a4%204%200%200%201%20.926-.546a9.1%209.1%200%200%201%202.54-.736a8%208%200%200%201%201.378-.119q1.14%200%201.804.451q.666.428.665%201.425q0%20.333-.095.665a3%203%200%200%201-.237.57q-.512%200-1.021.047zm5.113%208.453q-.618.665-1.686.665c-1.068%200-1.274-.222-1.686-.665q-.618-.665-.617-1.662q0-.998.617-1.663q.618-.664%201.686-.664c1.068%200%201.274.221%201.686.664q.617.666.617%201.663t-.617%201.662%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/roadmapdotsh.svg?color=%231a73e8&size=48
