volkswagen logo
volkswagen from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- volkswagen
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the volkswagen logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.36 0 0 5.36 0 12s5.36 12 12 12s12-5.36 12-12S18.64 0 12 0m0 1.41c1.2 0 2.36.22 3.43.59l-3.3 7.13c-.04.04-.04.13-.13.13s-.09-.09-.13-.13L8.57 2c1.07-.37 2.23-.58 3.43-.58M6.9 2.74l3.82 8.23c.08.17.17.22.28.22h2c.12 0 .2-.05.29-.22l3.77-8.23c1.58.9 2.94 2.19 3.9 3.73L15.6 16.84c-.04.09-.1.13-.13.13c-.08 0-.08-.08-.13-.13l-2.05-4.54c-.09-.17-.17-.21-.29-.21h-2c-.11 0-.2.04-.29.21l-2.05 4.54c-.05.05-.04.13-.13.13s-.09-.08-.13-.13L3 6.47c.94-1.54 2.32-2.83 3.9-3.73M2.06 8.53l6.17 12c.08.17.17.3.39.3c.21 0 .29-.13.38-.3l2.87-6.39c.04-.08.09-.14.13-.14c.09 0 .09.1.13.14l2.91 6.39c.09.17.17.3.39.3c.21 0 .3-.13.38-.3l6.19-12c.37 1.07.59 2.23.59 3.47c-.05 5.79-4.8 10.59-10.59 10.59S1.46 17.79 1.46 12c0-1.2.21-2.35.6-3.47"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsVolkswagen(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 0C5.36 0 0 5.36 0 12s5.36 12 12 12s12-5.36 12-12S18.64 0 12 0m0 1.41c1.2 0 2.36.22 3.43.59l-3.3 7.13c-.04.04-.04.13-.13.13s-.09-.09-.13-.13L8.57 2c1.07-.37 2.23-.58 3.43-.58M6.9 2.74l3.82 8.23c.08.17.17.22.28.22h2c.12 0 .2-.05.29-.22l3.77-8.23c1.58.9 2.94 2.19 3.9 3.73L15.6 16.84c-.04.09-.1.13-.13.13c-.08 0-.08-.08-.13-.13l-2.05-4.54c-.09-.17-.17-.21-.29-.21h-2c-.11 0-.2.04-.29.21l-2.05 4.54c-.05.05-.04.13-.13.13s-.09-.08-.13-.13L3 6.47c.94-1.54 2.32-2.83 3.9-3.73M2.06 8.53l6.17 12c.08.17.17.3.39.3c.21 0 .29-.13.38-.3l2.87-6.39c.04-.08.09-.14.13-.14c.09 0 .09.1.13.14l2.91 6.39c.09.17.17.3.39.3c.21 0 .3-.13.38-.3l6.19-12c.37 1.07.59 2.23.59 3.47c-.05 5.79-4.8 10.59-10.59 10.59S1.46 17.79 1.46 12c0-1.2.21-2.35.6-3.47"/></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 0C5.36 0 0 5.36 0 12s5.36 12 12 12s12-5.36 12-12S18.64 0 12 0m0 1.41c1.2 0 2.36.22 3.43.59l-3.3 7.13c-.04.04-.04.13-.13.13s-.09-.09-.13-.13L8.57 2c1.07-.37 2.23-.58 3.43-.58M6.9 2.74l3.82 8.23c.08.17.17.22.28.22h2c.12 0 .2-.05.29-.22l3.77-8.23c1.58.9 2.94 2.19 3.9 3.73L15.6 16.84c-.04.09-.1.13-.13.13c-.08 0-.08-.08-.13-.13l-2.05-4.54c-.09-.17-.17-.21-.29-.21h-2c-.11 0-.2.04-.29.21l-2.05 4.54c-.05.05-.04.13-.13.13s-.09-.08-.13-.13L3 6.47c.94-1.54 2.32-2.83 3.9-3.73M2.06 8.53l6.17 12c.08.17.17.3.39.3c.21 0 .29-.13.38-.3l2.87-6.39c.04-.08.09-.14.13-.14c.09 0 .09.1.13.14l2.91 6.39c.09.17.17.3.39.3c.21 0 .3-.13.38-.3l6.19-12c.37 1.07.59 2.23.59 3.47c-.05 5.79-4.8 10.59-10.59 10.59S1.46 17.79 1.46 12c0-1.2.21-2.35.6-3.47"/></svg> </template>
CSS
.icon-volkswagen {
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%200C5.36%200%200%205.36%200%2012s5.36%2012%2012%2012s12-5.36%2012-12S18.64%200%2012%200m0%201.41c1.2%200%202.36.22%203.43.59l-3.3%207.13c-.04.04-.04.13-.13.13s-.09-.09-.13-.13L8.57%202c1.07-.37%202.23-.58%203.43-.58M6.9%202.74l3.82%208.23c.08.17.17.22.28.22h2c.12%200%20.2-.05.29-.22l3.77-8.23c1.58.9%202.94%202.19%203.9%203.73L15.6%2016.84c-.04.09-.1.13-.13.13c-.08%200-.08-.08-.13-.13l-2.05-4.54c-.09-.17-.17-.21-.29-.21h-2c-.11%200-.2.04-.29.21l-2.05%204.54c-.05.05-.04.13-.13.13s-.09-.08-.13-.13L3%206.47c.94-1.54%202.32-2.83%203.9-3.73M2.06%208.53l6.17%2012c.08.17.17.3.39.3c.21%200%20.29-.13.38-.3l2.87-6.39c.04-.08.09-.14.13-.14c.09%200%20.09.1.13.14l2.91%206.39c.09.17.17.3.39.3c.21%200%20.3-.13.38-.3l6.19-12c.37%201.07.59%202.23.59%203.47c-.05%205.79-4.8%2010.59-10.59%2010.59S1.46%2017.79%201.46%2012c0-1.2.21-2.35.6-3.47%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%200C5.36%200%200%205.36%200%2012s5.36%2012%2012%2012s12-5.36%2012-12S18.64%200%2012%200m0%201.41c1.2%200%202.36.22%203.43.59l-3.3%207.13c-.04.04-.04.13-.13.13s-.09-.09-.13-.13L8.57%202c1.07-.37%202.23-.58%203.43-.58M6.9%202.74l3.82%208.23c.08.17.17.22.28.22h2c.12%200%20.2-.05.29-.22l3.77-8.23c1.58.9%202.94%202.19%203.9%203.73L15.6%2016.84c-.04.09-.1.13-.13.13c-.08%200-.08-.08-.13-.13l-2.05-4.54c-.09-.17-.17-.21-.29-.21h-2c-.11%200-.2.04-.29.21l-2.05%204.54c-.05.05-.04.13-.13.13s-.09-.08-.13-.13L3%206.47c.94-1.54%202.32-2.83%203.9-3.73M2.06%208.53l6.17%2012c.08.17.17.3.39.3c.21%200%20.29-.13.38-.3l2.87-6.39c.04-.08.09-.14.13-.14c.09%200%20.09.1.13.14l2.91%206.39c.09.17.17.3.39.3c.21%200%20.3-.13.38-.3l6.19-12c.37%201.07.59%202.23.59%203.47c-.05%205.79-4.8%2010.59-10.59%2010.59S1.46%2017.79%201.46%2012c0-1.2.21-2.35.6-3.47%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/volkswagen.svg?color=%231a73e8&size=48
