woo logo
woo from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- woo
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the woo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.118 8.895c-.562 0-.928.183-1.255.797l-1.49 2.811v-2.496c0-.745-.353-1.111-1.007-1.111s-.928.222-1.255.85l-1.412 2.757v-2.47c0-.797-.327-1.137-1.124-1.137H.954C.34 8.895 0 9.183 0 9.706s.327.837.928.837h.667v3.15c0 .889.601 1.412 1.464 1.412s1.255-.34 1.686-1.137l.941-1.765v1.49c0 .876.575 1.412 1.451 1.412s1.203-.301 1.699-1.137l2.17-3.66c.471-.798.144-1.413-.901-1.413zm4.078 0c-1.778 0-3.124 1.321-3.124 3.112s1.359 3.098 3.124 3.098s3.111-1.32 3.124-3.098c0-1.791-1.359-3.112-3.124-3.112m0 4.301c-.667 0-1.124-.497-1.124-1.19s.458-1.203 1.124-1.203s1.124.51 1.124 1.203s-.444 1.19-1.124 1.19m6.68-4.301c-1.765 0-3.124 1.32-3.124 3.111s1.359 3.098 3.124 3.098S24 13.784 24 12.006s-1.359-3.111-3.124-3.111m0 4.301c-.68 0-1.111-.497-1.111-1.19s.444-1.203 1.111-1.203S22 11.313 22 12.006s-.444 1.19-1.124 1.19"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsWoo(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="M10.118 8.895c-.562 0-.928.183-1.255.797l-1.49 2.811v-2.496c0-.745-.353-1.111-1.007-1.111s-.928.222-1.255.85l-1.412 2.757v-2.47c0-.797-.327-1.137-1.124-1.137H.954C.34 8.895 0 9.183 0 9.706s.327.837.928.837h.667v3.15c0 .889.601 1.412 1.464 1.412s1.255-.34 1.686-1.137l.941-1.765v1.49c0 .876.575 1.412 1.451 1.412s1.203-.301 1.699-1.137l2.17-3.66c.471-.798.144-1.413-.901-1.413zm4.078 0c-1.778 0-3.124 1.321-3.124 3.112s1.359 3.098 3.124 3.098s3.111-1.32 3.124-3.098c0-1.791-1.359-3.112-3.124-3.112m0 4.301c-.667 0-1.124-.497-1.124-1.19s.458-1.203 1.124-1.203s1.124.51 1.124 1.203s-.444 1.19-1.124 1.19m6.68-4.301c-1.765 0-3.124 1.32-3.124 3.111s1.359 3.098 3.124 3.098S24 13.784 24 12.006s-1.359-3.111-3.124-3.111m0 4.301c-.68 0-1.111-.497-1.111-1.19s.444-1.203 1.111-1.203S22 11.313 22 12.006s-.444 1.19-1.124 1.19"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.118 8.895c-.562 0-.928.183-1.255.797l-1.49 2.811v-2.496c0-.745-.353-1.111-1.007-1.111s-.928.222-1.255.85l-1.412 2.757v-2.47c0-.797-.327-1.137-1.124-1.137H.954C.34 8.895 0 9.183 0 9.706s.327.837.928.837h.667v3.15c0 .889.601 1.412 1.464 1.412s1.255-.34 1.686-1.137l.941-1.765v1.49c0 .876.575 1.412 1.451 1.412s1.203-.301 1.699-1.137l2.17-3.66c.471-.798.144-1.413-.901-1.413zm4.078 0c-1.778 0-3.124 1.321-3.124 3.112s1.359 3.098 3.124 3.098s3.111-1.32 3.124-3.098c0-1.791-1.359-3.112-3.124-3.112m0 4.301c-.667 0-1.124-.497-1.124-1.19s.458-1.203 1.124-1.203s1.124.51 1.124 1.203s-.444 1.19-1.124 1.19m6.68-4.301c-1.765 0-3.124 1.32-3.124 3.111s1.359 3.098 3.124 3.098S24 13.784 24 12.006s-1.359-3.111-3.124-3.111m0 4.301c-.68 0-1.111-.497-1.111-1.19s.444-1.203 1.111-1.203S22 11.313 22 12.006s-.444 1.19-1.124 1.19"/></svg> </template>
CSS
.icon-woo {
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%22M10.118%208.895c-.562%200-.928.183-1.255.797l-1.49%202.811v-2.496c0-.745-.353-1.111-1.007-1.111s-.928.222-1.255.85l-1.412%202.757v-2.47c0-.797-.327-1.137-1.124-1.137H.954C.34%208.895%200%209.183%200%209.706s.327.837.928.837h.667v3.15c0%20.889.601%201.412%201.464%201.412s1.255-.34%201.686-1.137l.941-1.765v1.49c0%20.876.575%201.412%201.451%201.412s1.203-.301%201.699-1.137l2.17-3.66c.471-.798.144-1.413-.901-1.413zm4.078%200c-1.778%200-3.124%201.321-3.124%203.112s1.359%203.098%203.124%203.098s3.111-1.32%203.124-3.098c0-1.791-1.359-3.112-3.124-3.112m0%204.301c-.667%200-1.124-.497-1.124-1.19s.458-1.203%201.124-1.203s1.124.51%201.124%201.203s-.444%201.19-1.124%201.19m6.68-4.301c-1.765%200-3.124%201.32-3.124%203.111s1.359%203.098%203.124%203.098S24%2013.784%2024%2012.006s-1.359-3.111-3.124-3.111m0%204.301c-.68%200-1.111-.497-1.111-1.19s.444-1.203%201.111-1.203S22%2011.313%2022%2012.006s-.444%201.19-1.124%201.19%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%22M10.118%208.895c-.562%200-.928.183-1.255.797l-1.49%202.811v-2.496c0-.745-.353-1.111-1.007-1.111s-.928.222-1.255.85l-1.412%202.757v-2.47c0-.797-.327-1.137-1.124-1.137H.954C.34%208.895%200%209.183%200%209.706s.327.837.928.837h.667v3.15c0%20.889.601%201.412%201.464%201.412s1.255-.34%201.686-1.137l.941-1.765v1.49c0%20.876.575%201.412%201.451%201.412s1.203-.301%201.699-1.137l2.17-3.66c.471-.798.144-1.413-.901-1.413zm4.078%200c-1.778%200-3.124%201.321-3.124%203.112s1.359%203.098%203.124%203.098s3.111-1.32%203.124-3.098c0-1.791-1.359-3.112-3.124-3.112m0%204.301c-.667%200-1.124-.497-1.124-1.19s.458-1.203%201.124-1.203s1.124.51%201.124%201.203s-.444%201.19-1.124%201.19m6.68-4.301c-1.765%200-3.124%201.32-3.124%203.111s1.359%203.098%203.124%203.098S24%2013.784%2024%2012.006s-1.359-3.111-3.124-3.111m0%204.301c-.68%200-1.111-.497-1.111-1.19s.444-1.203%201.111-1.203S22%2011.313%2022%2012.006s-.444%201.19-1.124%201.19%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/woo.svg?color=%231a73e8&size=48
