coze logo
coze from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- coze
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the coze logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.366 12.096a.61.61 0 0 0-.608.608v1.218a.609.609 0 1 0 1.217 0v-1.218a.61.61 0 0 0-.609-.608m.8 3.453a.605.605 0 0 1 0-.86a.605.605 0 0 1 .859 0a1.52 1.52 0 0 0 2.149 0a.605.605 0 0 1 .859 0a.605.605 0 0 1 0 .86a2.73 2.73 0 0 1-3.867 0m4.062-2.24a.61.61 0 1 1 .609.609a.606.606 0 0 1-.61-.609zM3.023 0A3.024 3.024 0 0 0 0 3.023v17.954A3.024 3.024 0 0 0 3.023 24h17.954A3.024 3.024 0 0 0 24 20.977V3.023A3.024 3.024 0 0 0 20.977 0ZM12.1 3.78h.004a6.287 6.287 0 0 1 6.283 6.286v2.635h1.508c1.73 0 2.12 2.426.476 2.97l-1.984.663v1.137a1.513 1.513 0 0 1-2.19 1.353l-1.101-.549c-.052-.024-.115 0-.131.055c-.892 2.785-4.835 2.785-5.727 0a.095.095 0 0 0-.13-.055l-1.102.55a1.513 1.513 0 0 1-2.19-1.354v-1.139l-1.984-.66c-1.647-.541-1.254-2.97.477-2.97h1.507v-2.636A6.285 6.285 0 0 1 12.1 3.78"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCoze(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="M9.366 12.096a.61.61 0 0 0-.608.608v1.218a.609.609 0 1 0 1.217 0v-1.218a.61.61 0 0 0-.609-.608m.8 3.453a.605.605 0 0 1 0-.86a.605.605 0 0 1 .859 0a1.52 1.52 0 0 0 2.149 0a.605.605 0 0 1 .859 0a.605.605 0 0 1 0 .86a2.73 2.73 0 0 1-3.867 0m4.062-2.24a.61.61 0 1 1 .609.609a.606.606 0 0 1-.61-.609zM3.023 0A3.024 3.024 0 0 0 0 3.023v17.954A3.024 3.024 0 0 0 3.023 24h17.954A3.024 3.024 0 0 0 24 20.977V3.023A3.024 3.024 0 0 0 20.977 0ZM12.1 3.78h.004a6.287 6.287 0 0 1 6.283 6.286v2.635h1.508c1.73 0 2.12 2.426.476 2.97l-1.984.663v1.137a1.513 1.513 0 0 1-2.19 1.353l-1.101-.549c-.052-.024-.115 0-.131.055c-.892 2.785-4.835 2.785-5.727 0a.095.095 0 0 0-.13-.055l-1.102.55a1.513 1.513 0 0 1-2.19-1.354v-1.139l-1.984-.66c-1.647-.541-1.254-2.97.477-2.97h1.507v-2.636A6.285 6.285 0 0 1 12.1 3.78"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.366 12.096a.61.61 0 0 0-.608.608v1.218a.609.609 0 1 0 1.217 0v-1.218a.61.61 0 0 0-.609-.608m.8 3.453a.605.605 0 0 1 0-.86a.605.605 0 0 1 .859 0a1.52 1.52 0 0 0 2.149 0a.605.605 0 0 1 .859 0a.605.605 0 0 1 0 .86a2.73 2.73 0 0 1-3.867 0m4.062-2.24a.61.61 0 1 1 .609.609a.606.606 0 0 1-.61-.609zM3.023 0A3.024 3.024 0 0 0 0 3.023v17.954A3.024 3.024 0 0 0 3.023 24h17.954A3.024 3.024 0 0 0 24 20.977V3.023A3.024 3.024 0 0 0 20.977 0ZM12.1 3.78h.004a6.287 6.287 0 0 1 6.283 6.286v2.635h1.508c1.73 0 2.12 2.426.476 2.97l-1.984.663v1.137a1.513 1.513 0 0 1-2.19 1.353l-1.101-.549c-.052-.024-.115 0-.131.055c-.892 2.785-4.835 2.785-5.727 0a.095.095 0 0 0-.13-.055l-1.102.55a1.513 1.513 0 0 1-2.19-1.354v-1.139l-1.984-.66c-1.647-.541-1.254-2.97.477-2.97h1.507v-2.636A6.285 6.285 0 0 1 12.1 3.78"/></svg> </template>
CSS
.icon-coze {
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%22M9.366%2012.096a.61.61%200%200%200-.608.608v1.218a.609.609%200%201%200%201.217%200v-1.218a.61.61%200%200%200-.609-.608m.8%203.453a.605.605%200%200%201%200-.86a.605.605%200%200%201%20.859%200a1.52%201.52%200%200%200%202.149%200a.605.605%200%200%201%20.859%200a.605.605%200%200%201%200%20.86a2.73%202.73%200%200%201-3.867%200m4.062-2.24a.61.61%200%201%201%20.609.609a.606.606%200%200%201-.61-.609zM3.023%200A3.024%203.024%200%200%200%200%203.023v17.954A3.024%203.024%200%200%200%203.023%2024h17.954A3.024%203.024%200%200%200%2024%2020.977V3.023A3.024%203.024%200%200%200%2020.977%200ZM12.1%203.78h.004a6.287%206.287%200%200%201%206.283%206.286v2.635h1.508c1.73%200%202.12%202.426.476%202.97l-1.984.663v1.137a1.513%201.513%200%200%201-2.19%201.353l-1.101-.549c-.052-.024-.115%200-.131.055c-.892%202.785-4.835%202.785-5.727%200a.095.095%200%200%200-.13-.055l-1.102.55a1.513%201.513%200%200%201-2.19-1.354v-1.139l-1.984-.66c-1.647-.541-1.254-2.97.477-2.97h1.507v-2.636A6.285%206.285%200%200%201%2012.1%203.78%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%22M9.366%2012.096a.61.61%200%200%200-.608.608v1.218a.609.609%200%201%200%201.217%200v-1.218a.61.61%200%200%200-.609-.608m.8%203.453a.605.605%200%200%201%200-.86a.605.605%200%200%201%20.859%200a1.52%201.52%200%200%200%202.149%200a.605.605%200%200%201%20.859%200a.605.605%200%200%201%200%20.86a2.73%202.73%200%200%201-3.867%200m4.062-2.24a.61.61%200%201%201%20.609.609a.606.606%200%200%201-.61-.609zM3.023%200A3.024%203.024%200%200%200%200%203.023v17.954A3.024%203.024%200%200%200%203.023%2024h17.954A3.024%203.024%200%200%200%2024%2020.977V3.023A3.024%203.024%200%200%200%2020.977%200ZM12.1%203.78h.004a6.287%206.287%200%200%201%206.283%206.286v2.635h1.508c1.73%200%202.12%202.426.476%202.97l-1.984.663v1.137a1.513%201.513%200%200%201-2.19%201.353l-1.101-.549c-.052-.024-.115%200-.131.055c-.892%202.785-4.835%202.785-5.727%200a.095.095%200%200%200-.13-.055l-1.102.55a1.513%201.513%200%200%201-2.19-1.354v-1.139l-1.984-.66c-1.647-.541-1.254-2.97.477-2.97h1.507v-2.636A6.285%206.285%200%200%201%2012.1%203.78%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/coze.svg?color=%231a73e8&size=48
