citroen logo
citroen from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- citroen
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the citroen logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C6.684 0 2.292 5.38 2.292 12S6.652 24 12 24s9.708-5.38 9.708-12S17.316 0 12 0M4.106 16.233c-.19-.604-.35-1.241-.414-1.878L12 8.18l8.371 6.175a12 12 0 0 1-.413 1.878v.032h-.032L12 10.345zm.923 2.101l-.032-.032L12 13.114l7.003 5.188v.032c-1.655 2.897-4.202 4.616-6.987 4.616s-5.363-1.751-6.987-4.616M12 5.347l-8.53 6.335v-.032c.063-2.674.954-5.284 2.61-7.385C7.67 2.324 9.772 1.21 12 1.21s4.36 1.114 5.92 3.055s2.515 4.616 2.61 7.417v.032l-.031-.032z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCitroen(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 0C6.684 0 2.292 5.38 2.292 12S6.652 24 12 24s9.708-5.38 9.708-12S17.316 0 12 0M4.106 16.233c-.19-.604-.35-1.241-.414-1.878L12 8.18l8.371 6.175a12 12 0 0 1-.413 1.878v.032h-.032L12 10.345zm.923 2.101l-.032-.032L12 13.114l7.003 5.188v.032c-1.655 2.897-4.202 4.616-6.987 4.616s-5.363-1.751-6.987-4.616M12 5.347l-8.53 6.335v-.032c.063-2.674.954-5.284 2.61-7.385C7.67 2.324 9.772 1.21 12 1.21s4.36 1.114 5.92 3.055s2.515 4.616 2.61 7.417v.032l-.031-.032z"/></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 0C6.684 0 2.292 5.38 2.292 12S6.652 24 12 24s9.708-5.38 9.708-12S17.316 0 12 0M4.106 16.233c-.19-.604-.35-1.241-.414-1.878L12 8.18l8.371 6.175a12 12 0 0 1-.413 1.878v.032h-.032L12 10.345zm.923 2.101l-.032-.032L12 13.114l7.003 5.188v.032c-1.655 2.897-4.202 4.616-6.987 4.616s-5.363-1.751-6.987-4.616M12 5.347l-8.53 6.335v-.032c.063-2.674.954-5.284 2.61-7.385C7.67 2.324 9.772 1.21 12 1.21s4.36 1.114 5.92 3.055s2.515 4.616 2.61 7.417v.032l-.031-.032z"/></svg> </template>
CSS
.icon-citroen {
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%200C6.684%200%202.292%205.38%202.292%2012S6.652%2024%2012%2024s9.708-5.38%209.708-12S17.316%200%2012%200M4.106%2016.233c-.19-.604-.35-1.241-.414-1.878L12%208.18l8.371%206.175a12%2012%200%200%201-.413%201.878v.032h-.032L12%2010.345zm.923%202.101l-.032-.032L12%2013.114l7.003%205.188v.032c-1.655%202.897-4.202%204.616-6.987%204.616s-5.363-1.751-6.987-4.616M12%205.347l-8.53%206.335v-.032c.063-2.674.954-5.284%202.61-7.385C7.67%202.324%209.772%201.21%2012%201.21s4.36%201.114%205.92%203.055s2.515%204.616%202.61%207.417v.032l-.031-.032z%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%200C6.684%200%202.292%205.38%202.292%2012S6.652%2024%2012%2024s9.708-5.38%209.708-12S17.316%200%2012%200M4.106%2016.233c-.19-.604-.35-1.241-.414-1.878L12%208.18l8.371%206.175a12%2012%200%200%201-.413%201.878v.032h-.032L12%2010.345zm.923%202.101l-.032-.032L12%2013.114l7.003%205.188v.032c-1.655%202.897-4.202%204.616-6.987%204.616s-5.363-1.751-6.987-4.616M12%205.347l-8.53%206.335v-.032c.063-2.674.954-5.284%202.61-7.385C7.67%202.324%209.772%201.21%2012%201.21s4.36%201.114%205.92%203.055s2.515%204.616%202.61%207.417v.032l-.031-.032z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/citroen.svg?color=%231a73e8&size=48
