vitepress logo

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

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

Use the vitepress logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.029.001a2 2 0 0 0-.187.018L4.085 1.833A1.86 1.86 0 0 0 2.518 3.94l2.56 18.457a1.846 1.846 0 0 0 2.08 1.586l12.757-1.816a1.86 1.86 0 0 0 1.567-2.106l-2.56-18.455A1.85 1.85 0 0 0 17.029 0m.127.932a.926.926 0 0 1 .853.8l2.56 18.458a.93.93 0 0 1-.782 1.053L7.03 23.058a.92.92 0 0 1-1.04-.793L3.43 3.81a.93.93 0 0 1 .783-1.053L16.97.941a1 1 0 0 1 .186-.008m-3.644 5.354L9.967 7.521a.136.136 0 0 0-.09.141l.318 3.87c.008.09.1.149.184.116l.982-.378a.136.136 0 0 1 .184.136l-.09 1.54c-.006.103.1.176.193.132l.6-.281c.093-.044.198.03.192.135l-.147 2.418c-.01.15.195.203.258.066l.04-.092L14.716 8.9c.035-.107-.066-.21-.172-.173l-1.018.351c-.095.033-.191-.049-.177-.15l.343-2.49a.137.137 0 0 0-.142-.157c-.016 0-.042.009-.037.006zm2.822.799a.3.3 0 0 0-.08.014L14 7.85l-.076.56l.455-.156a.636.636 0 0 1 .81.803l-2.13 6.449l-.053.117a.64.64 0 0 1-.738.352a.64.64 0 0 1-.473-.657l.11-1.808a.638.638 0 0 1-.948-.594l.057-.976l-.454.175a.64.64 0 0 1-.863-.543L9.453 8.6l-3.062-.123c-.23-.01-.364.255-.223.44l6.29 8.23a.27.27 0 0 0 .468-.069l3.668-9.619a.275.275 0 0 0-.26-.373"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsVitepress(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="M17.029.001a2 2 0 0 0-.187.018L4.085 1.833A1.86 1.86 0 0 0 2.518 3.94l2.56 18.457a1.846 1.846 0 0 0 2.08 1.586l12.757-1.816a1.86 1.86 0 0 0 1.567-2.106l-2.56-18.455A1.85 1.85 0 0 0 17.029 0m.127.932a.926.926 0 0 1 .853.8l2.56 18.458a.93.93 0 0 1-.782 1.053L7.03 23.058a.92.92 0 0 1-1.04-.793L3.43 3.81a.93.93 0 0 1 .783-1.053L16.97.941a1 1 0 0 1 .186-.008m-3.644 5.354L9.967 7.521a.136.136 0 0 0-.09.141l.318 3.87c.008.09.1.149.184.116l.982-.378a.136.136 0 0 1 .184.136l-.09 1.54c-.006.103.1.176.193.132l.6-.281c.093-.044.198.03.192.135l-.147 2.418c-.01.15.195.203.258.066l.04-.092L14.716 8.9c.035-.107-.066-.21-.172-.173l-1.018.351c-.095.033-.191-.049-.177-.15l.343-2.49a.137.137 0 0 0-.142-.157c-.016 0-.042.009-.037.006zm2.822.799a.3.3 0 0 0-.08.014L14 7.85l-.076.56l.455-.156a.636.636 0 0 1 .81.803l-2.13 6.449l-.053.117a.64.64 0 0 1-.738.352a.64.64 0 0 1-.473-.657l.11-1.808a.638.638 0 0 1-.948-.594l.057-.976l-.454.175a.64.64 0 0 1-.863-.543L9.453 8.6l-3.062-.123c-.23-.01-.364.255-.223.44l6.29 8.23a.27.27 0 0 0 .468-.069l3.668-9.619a.275.275 0 0 0-.26-.373"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.029.001a2 2 0 0 0-.187.018L4.085 1.833A1.86 1.86 0 0 0 2.518 3.94l2.56 18.457a1.846 1.846 0 0 0 2.08 1.586l12.757-1.816a1.86 1.86 0 0 0 1.567-2.106l-2.56-18.455A1.85 1.85 0 0 0 17.029 0m.127.932a.926.926 0 0 1 .853.8l2.56 18.458a.93.93 0 0 1-.782 1.053L7.03 23.058a.92.92 0 0 1-1.04-.793L3.43 3.81a.93.93 0 0 1 .783-1.053L16.97.941a1 1 0 0 1 .186-.008m-3.644 5.354L9.967 7.521a.136.136 0 0 0-.09.141l.318 3.87c.008.09.1.149.184.116l.982-.378a.136.136 0 0 1 .184.136l-.09 1.54c-.006.103.1.176.193.132l.6-.281c.093-.044.198.03.192.135l-.147 2.418c-.01.15.195.203.258.066l.04-.092L14.716 8.9c.035-.107-.066-.21-.172-.173l-1.018.351c-.095.033-.191-.049-.177-.15l.343-2.49a.137.137 0 0 0-.142-.157c-.016 0-.042.009-.037.006zm2.822.799a.3.3 0 0 0-.08.014L14 7.85l-.076.56l.455-.156a.636.636 0 0 1 .81.803l-2.13 6.449l-.053.117a.64.64 0 0 1-.738.352a.64.64 0 0 1-.473-.657l.11-1.808a.638.638 0 0 1-.948-.594l.057-.976l-.454.175a.64.64 0 0 1-.863-.543L9.453 8.6l-3.062-.123c-.23-.01-.364.255-.223.44l6.29 8.23a.27.27 0 0 0 .468-.069l3.668-9.619a.275.275 0 0 0-.26-.373"/></svg>
</template>

CSS

.icon-vitepress {
  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%22M17.029.001a2%202%200%200%200-.187.018L4.085%201.833A1.86%201.86%200%200%200%202.518%203.94l2.56%2018.457a1.846%201.846%200%200%200%202.08%201.586l12.757-1.816a1.86%201.86%200%200%200%201.567-2.106l-2.56-18.455A1.85%201.85%200%200%200%2017.029%200m.127.932a.926.926%200%200%201%20.853.8l2.56%2018.458a.93.93%200%200%201-.782%201.053L7.03%2023.058a.92.92%200%200%201-1.04-.793L3.43%203.81a.93.93%200%200%201%20.783-1.053L16.97.941a1%201%200%200%201%20.186-.008m-3.644%205.354L9.967%207.521a.136.136%200%200%200-.09.141l.318%203.87c.008.09.1.149.184.116l.982-.378a.136.136%200%200%201%20.184.136l-.09%201.54c-.006.103.1.176.193.132l.6-.281c.093-.044.198.03.192.135l-.147%202.418c-.01.15.195.203.258.066l.04-.092L14.716%208.9c.035-.107-.066-.21-.172-.173l-1.018.351c-.095.033-.191-.049-.177-.15l.343-2.49a.137.137%200%200%200-.142-.157c-.016%200-.042.009-.037.006zm2.822.799a.3.3%200%200%200-.08.014L14%207.85l-.076.56l.455-.156a.636.636%200%200%201%20.81.803l-2.13%206.449l-.053.117a.64.64%200%200%201-.738.352a.64.64%200%200%201-.473-.657l.11-1.808a.638.638%200%200%201-.948-.594l.057-.976l-.454.175a.64.64%200%200%201-.863-.543L9.453%208.6l-3.062-.123c-.23-.01-.364.255-.223.44l6.29%208.23a.27.27%200%200%200%20.468-.069l3.668-9.619a.275.275%200%200%200-.26-.373%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%22M17.029.001a2%202%200%200%200-.187.018L4.085%201.833A1.86%201.86%200%200%200%202.518%203.94l2.56%2018.457a1.846%201.846%200%200%200%202.08%201.586l12.757-1.816a1.86%201.86%200%200%200%201.567-2.106l-2.56-18.455A1.85%201.85%200%200%200%2017.029%200m.127.932a.926.926%200%200%201%20.853.8l2.56%2018.458a.93.93%200%200%201-.782%201.053L7.03%2023.058a.92.92%200%200%201-1.04-.793L3.43%203.81a.93.93%200%200%201%20.783-1.053L16.97.941a1%201%200%200%201%20.186-.008m-3.644%205.354L9.967%207.521a.136.136%200%200%200-.09.141l.318%203.87c.008.09.1.149.184.116l.982-.378a.136.136%200%200%201%20.184.136l-.09%201.54c-.006.103.1.176.193.132l.6-.281c.093-.044.198.03.192.135l-.147%202.418c-.01.15.195.203.258.066l.04-.092L14.716%208.9c.035-.107-.066-.21-.172-.173l-1.018.351c-.095.033-.191-.049-.177-.15l.343-2.49a.137.137%200%200%200-.142-.157c-.016%200-.042.009-.037.006zm2.822.799a.3.3%200%200%200-.08.014L14%207.85l-.076.56l.455-.156a.636.636%200%200%201%20.81.803l-2.13%206.449l-.053.117a.64.64%200%200%201-.738.352a.64.64%200%200%201-.473-.657l.11-1.808a.638.638%200%200%201-.948-.594l.057-.976l-.454.175a.64.64%200%200%201-.863-.543L9.453%208.6l-3.062-.123c-.23-.01-.364.255-.223.44l6.29%208.23a.27.27%200%200%200%20.468-.069l3.668-9.619a.275.275%200%200%200-.26-.373%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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