openvpn logo
openvpn from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- openvpn
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the openvpn logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .357C5.385.357 0 5.69 0 12.254c0 4.36 2.358 8.153 5.896 10.204l.77-5.076a7.05 7.05 0 0 1-1.846-4.719c0-3.897 3.18-7.076 7.13-7.076c3.948 0 7.126 3.18 7.126 7.076c0 1.847-.717 3.488-1.846 4.77L18 22.51c3.59-2.05 6-5.899 6-10.258C24 5.69 18.615.357 12 .357m-.05 8.157a3.786 3.786 0 0 0-3.796 3.795a3.74 3.74 0 0 0 2.461 3.54L9.13 23.643h5.64l-1.435-7.795c1.385-.564 2.41-1.898 2.41-3.54a3.786 3.786 0 0 0-3.795-3.794"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsOpenvpn(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="M12 .357C5.385.357 0 5.69 0 12.254c0 4.36 2.358 8.153 5.896 10.204l.77-5.076a7.05 7.05 0 0 1-1.846-4.719c0-3.897 3.18-7.076 7.13-7.076c3.948 0 7.126 3.18 7.126 7.076c0 1.847-.717 3.488-1.846 4.77L18 22.51c3.59-2.05 6-5.899 6-10.258C24 5.69 18.615.357 12 .357m-.05 8.157a3.786 3.786 0 0 0-3.796 3.795a3.74 3.74 0 0 0 2.461 3.54L9.13 23.643h5.64l-1.435-7.795c1.385-.564 2.41-1.898 2.41-3.54a3.786 3.786 0 0 0-3.795-3.794"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .357C5.385.357 0 5.69 0 12.254c0 4.36 2.358 8.153 5.896 10.204l.77-5.076a7.05 7.05 0 0 1-1.846-4.719c0-3.897 3.18-7.076 7.13-7.076c3.948 0 7.126 3.18 7.126 7.076c0 1.847-.717 3.488-1.846 4.77L18 22.51c3.59-2.05 6-5.899 6-10.258C24 5.69 18.615.357 12 .357m-.05 8.157a3.786 3.786 0 0 0-3.796 3.795a3.74 3.74 0 0 0 2.461 3.54L9.13 23.643h5.64l-1.435-7.795c1.385-.564 2.41-1.898 2.41-3.54a3.786 3.786 0 0 0-3.795-3.794"/></svg> </template>
CSS
.icon-openvpn {
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%22M12%20.357C5.385.357%200%205.69%200%2012.254c0%204.36%202.358%208.153%205.896%2010.204l.77-5.076a7.05%207.05%200%200%201-1.846-4.719c0-3.897%203.18-7.076%207.13-7.076c3.948%200%207.126%203.18%207.126%207.076c0%201.847-.717%203.488-1.846%204.77L18%2022.51c3.59-2.05%206-5.899%206-10.258C24%205.69%2018.615.357%2012%20.357m-.05%208.157a3.786%203.786%200%200%200-3.796%203.795a3.74%203.74%200%200%200%202.461%203.54L9.13%2023.643h5.64l-1.435-7.795c1.385-.564%202.41-1.898%202.41-3.54a3.786%203.786%200%200%200-3.795-3.794%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%22M12%20.357C5.385.357%200%205.69%200%2012.254c0%204.36%202.358%208.153%205.896%2010.204l.77-5.076a7.05%207.05%200%200%201-1.846-4.719c0-3.897%203.18-7.076%207.13-7.076c3.948%200%207.126%203.18%207.126%207.076c0%201.847-.717%203.488-1.846%204.77L18%2022.51c3.59-2.05%206-5.899%206-10.258C24%205.69%2018.615.357%2012%20.357m-.05%208.157a3.786%203.786%200%200%200-3.796%203.795a3.74%203.74%200%200%200%202.461%203.54L9.13%2023.643h5.64l-1.435-7.795c1.385-.564%202.41-1.898%202.41-3.54a3.786%203.786%200%200%200-3.795-3.794%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/openvpn.svg?color=%231a73e8&size=48
