octobercms logo
octobercms from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- octobercms
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the octobercms logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.949 11.496C20.573 5.365 13.894.06 11.143 0C8.391-.059 3.247 6.435 3.04 13.033C2.844 19.219 8.124 23.462 10.397 24c.063-2.91.296-13.627.335-14.877c.082-2.553.207-6.527.634-6.659c.244-.076.578 2.158.537 3.478c-.008.252-.011 1.068-.011 2.226c.46-.469.94-.955 1.233-1.242c.8-.787 1.155-.693.77.009c-.236.432-1.253 1.868-2.001 2.909c.004 2.099.013 4.74.023 7.202c1.057-1.237 2.35-2.72 3.03-3.378c1.425-1.382 1.576-1.207.903.243c-.413.888-2.434 3.258-3.925 5.127c.009 2.185.016 4.021.018 4.898c4-.88 9.373-6.42 9.006-12.44"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsOctobercms(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="M20.949 11.496C20.573 5.365 13.894.06 11.143 0C8.391-.059 3.247 6.435 3.04 13.033C2.844 19.219 8.124 23.462 10.397 24c.063-2.91.296-13.627.335-14.877c.082-2.553.207-6.527.634-6.659c.244-.076.578 2.158.537 3.478c-.008.252-.011 1.068-.011 2.226c.46-.469.94-.955 1.233-1.242c.8-.787 1.155-.693.77.009c-.236.432-1.253 1.868-2.001 2.909c.004 2.099.013 4.74.023 7.202c1.057-1.237 2.35-2.72 3.03-3.378c1.425-1.382 1.576-1.207.903.243c-.413.888-2.434 3.258-3.925 5.127c.009 2.185.016 4.021.018 4.898c4-.88 9.373-6.42 9.006-12.44"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.949 11.496C20.573 5.365 13.894.06 11.143 0C8.391-.059 3.247 6.435 3.04 13.033C2.844 19.219 8.124 23.462 10.397 24c.063-2.91.296-13.627.335-14.877c.082-2.553.207-6.527.634-6.659c.244-.076.578 2.158.537 3.478c-.008.252-.011 1.068-.011 2.226c.46-.469.94-.955 1.233-1.242c.8-.787 1.155-.693.77.009c-.236.432-1.253 1.868-2.001 2.909c.004 2.099.013 4.74.023 7.202c1.057-1.237 2.35-2.72 3.03-3.378c1.425-1.382 1.576-1.207.903.243c-.413.888-2.434 3.258-3.925 5.127c.009 2.185.016 4.021.018 4.898c4-.88 9.373-6.42 9.006-12.44"/></svg> </template>
CSS
.icon-octobercms {
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%22M20.949%2011.496C20.573%205.365%2013.894.06%2011.143%200C8.391-.059%203.247%206.435%203.04%2013.033C2.844%2019.219%208.124%2023.462%2010.397%2024c.063-2.91.296-13.627.335-14.877c.082-2.553.207-6.527.634-6.659c.244-.076.578%202.158.537%203.478c-.008.252-.011%201.068-.011%202.226c.46-.469.94-.955%201.233-1.242c.8-.787%201.155-.693.77.009c-.236.432-1.253%201.868-2.001%202.909c.004%202.099.013%204.74.023%207.202c1.057-1.237%202.35-2.72%203.03-3.378c1.425-1.382%201.576-1.207.903.243c-.413.888-2.434%203.258-3.925%205.127c.009%202.185.016%204.021.018%204.898c4-.88%209.373-6.42%209.006-12.44%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%22M20.949%2011.496C20.573%205.365%2013.894.06%2011.143%200C8.391-.059%203.247%206.435%203.04%2013.033C2.844%2019.219%208.124%2023.462%2010.397%2024c.063-2.91.296-13.627.335-14.877c.082-2.553.207-6.527.634-6.659c.244-.076.578%202.158.537%203.478c-.008.252-.011%201.068-.011%202.226c.46-.469.94-.955%201.233-1.242c.8-.787%201.155-.693.77.009c-.236.432-1.253%201.868-2.001%202.909c.004%202.099.013%204.74.023%207.202c1.057-1.237%202.35-2.72%203.03-3.378c1.425-1.382%201.576-1.207.903.243c-.413.888-2.434%203.258-3.925%205.127c.009%202.185.016%204.021.018%204.898c4-.88%209.373-6.42%209.006-12.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/octobercms.svg?color=%231a73e8&size=48
