chanel icon
chanel from css.gg by Astrit · Outline · MIT Free for personal and commercial use.
- Name
- chanel
- Set
- css.gg
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
Use the chanel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.072 3.173a9 9 0 0 0-4.608 2.463l2.13 2.13a5.99 5.99 0 0 1 5.701-1.571a9 9 0 0 0 0 11.61a5.99 5.99 0 0 1-5.702-1.57l-2.13 2.129A9 9 0 0 0 12 19.974a9 9 0 0 0 10.536-1.61l-2.13-2.13a5.99 5.99 0 0 1-5.701 1.571A9 9 0 0 0 16.828 12a9 9 0 0 0-2.123-5.805a5.99 5.99 0 0 1 5.702 1.57l2.13-2.129A9 9 0 0 0 12 4.026a9 9 0 0 0-5.928-.853M12 7.705a5.99 5.99 0 0 0-.806 7.622q.354.529.806.968a5.987 5.987 0 0 0 0-8.59" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function GgChanel(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" fillRule="evenodd" d="M6.072 3.173a9 9 0 0 0-4.608 2.463l2.13 2.13a5.99 5.99 0 0 1 5.701-1.571a9 9 0 0 0 0 11.61a5.99 5.99 0 0 1-5.702-1.57l-2.13 2.129A9 9 0 0 0 12 19.974a9 9 0 0 0 10.536-1.61l-2.13-2.13a5.99 5.99 0 0 1-5.701 1.571A9 9 0 0 0 16.828 12a9 9 0 0 0-2.123-5.805a5.99 5.99 0 0 1 5.702 1.57l2.13-2.129A9 9 0 0 0 12 4.026a9 9 0 0 0-5.928-.853M12 7.705a5.99 5.99 0 0 0-.806 7.622q.354.529.806.968a5.987 5.987 0 0 0 0-8.59" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.072 3.173a9 9 0 0 0-4.608 2.463l2.13 2.13a5.99 5.99 0 0 1 5.701-1.571a9 9 0 0 0 0 11.61a5.99 5.99 0 0 1-5.702-1.57l-2.13 2.129A9 9 0 0 0 12 19.974a9 9 0 0 0 10.536-1.61l-2.13-2.13a5.99 5.99 0 0 1-5.701 1.571A9 9 0 0 0 16.828 12a9 9 0 0 0-2.123-5.805a5.99 5.99 0 0 1 5.702 1.57l2.13-2.129A9 9 0 0 0 12 4.026a9 9 0 0 0-5.928-.853M12 7.705a5.99 5.99 0 0 0-.806 7.622q.354.529.806.968a5.987 5.987 0 0 0 0-8.59" clip-rule="evenodd"/></svg> </template>
CSS
.icon-chanel {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M6.072%203.173a9%209%200%200%200-4.608%202.463l2.13%202.13a5.99%205.99%200%200%201%205.701-1.571a9%209%200%200%200%200%2011.61a5.99%205.99%200%200%201-5.702-1.57l-2.13%202.129A9%209%200%200%200%2012%2019.974a9%209%200%200%200%2010.536-1.61l-2.13-2.13a5.99%205.99%200%200%201-5.701%201.571A9%209%200%200%200%2016.828%2012a9%209%200%200%200-2.123-5.805a5.99%205.99%200%200%201%205.702%201.57l2.13-2.129A9%209%200%200%200%2012%204.026a9%209%200%200%200-5.928-.853M12%207.705a5.99%205.99%200%200%200-.806%207.622q.354.529.806.968a5.987%205.987%200%200%200%200-8.59%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M6.072%203.173a9%209%200%200%200-4.608%202.463l2.13%202.13a5.99%205.99%200%200%201%205.701-1.571a9%209%200%200%200%200%2011.61a5.99%205.99%200%200%201-5.702-1.57l-2.13%202.129A9%209%200%200%200%2012%2019.974a9%209%200%200%200%2010.536-1.61l-2.13-2.13a5.99%205.99%200%200%201-5.701%201.571A9%209%200%200%200%2016.828%2012a9%209%200%200%200-2.123-5.805a5.99%205.99%200%200%201%205.702%201.57l2.13-2.129A9%209%200%200%200%2012%204.026a9%209%200%200%200-5.928-.853M12%207.705a5.99%205.99%200%200%200-.806%207.622q.354.529.806.968a5.987%205.987%200%200%200%200-8.59%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/gg/chanel.svg?color=%231a73e8&size=48
