octave logo
octave from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- octave
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the octave logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.989.011c-3.219-.12-6.208.953-8.375 3.312c-1.735 1.885-2.697 4.339-2.969 7.032h-.557A2.09 2.09 0 0 0 0 12.438v6.323a2.09 2.09 0 0 0 2.083 2.089H4.87a22.6 22.6 0 0 0 3.428 4.911c5.943 6.459 14.249 8.043 19.4 4.021h2.797c.771 0 1.401-.636 1.401-1.401v-3.817c0-.333-.125-.645-.344-.891c1.145-4.579-.057-10.188-3.355-14.953c0-.021.011-.041.011-.063V5.974c0-.599-.484-1.088-1.083-1.093h-2.271C21.505 1.829 17.609.146 13.989.012zm2.328 2.906c2.376-.016 4.923.828 7.229 2.463a1.1 1.1 0 0 0-.197.593v2.683c0 .599.489 1.093 1.088 1.093h2.688c.181-.004.364-.061.52-.156c2.995 4.401 3.647 9.756 1.652 13.563h-2.615c-.771 0-1.401.636-1.401 1.401v2.391c-3.989 1.735-9.333.297-13.276-3.984a16.7 16.7 0 0 1-2.068-2.797c.344-.369.552-.864.552-1.407v-6.323a2.086 2.086 0 0 0-2.083-2.083h-.547c.317-1.819 1.041-3.48 2.249-4.792c1.631-1.771 3.839-2.636 6.208-2.645zm8.12 2.676h2.688c.213 0 .375.161.375.38v2.683c0 .219-.161.38-.375.38h-2.688a.37.37 0 0 1-.38-.38V5.973a.37.37 0 0 1 .38-.38m-22.354 5.47h6.324c.771 0 1.375.609 1.375 1.375v6.323c0 .767-.604 1.376-1.375 1.376H2.088a1.37 1.37 0 0 1-1.38-1.376v-6.323c0-.765.609-1.369 1.375-1.369zm24.6 12.806h3.812c.391 0 .699.303.699.688v3.817a.69.69 0 0 1-.699.693h-3.812a.683.683 0 0 1-.693-.693v-3.812a.683.683 0 0 1 .693-.693"/></svg>
React
import type { SVGProps } from "react";
export function CibOctave(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.989.011c-3.219-.12-6.208.953-8.375 3.312c-1.735 1.885-2.697 4.339-2.969 7.032h-.557A2.09 2.09 0 0 0 0 12.438v6.323a2.09 2.09 0 0 0 2.083 2.089H4.87a22.6 22.6 0 0 0 3.428 4.911c5.943 6.459 14.249 8.043 19.4 4.021h2.797c.771 0 1.401-.636 1.401-1.401v-3.817c0-.333-.125-.645-.344-.891c1.145-4.579-.057-10.188-3.355-14.953c0-.021.011-.041.011-.063V5.974c0-.599-.484-1.088-1.083-1.093h-2.271C21.505 1.829 17.609.146 13.989.012zm2.328 2.906c2.376-.016 4.923.828 7.229 2.463a1.1 1.1 0 0 0-.197.593v2.683c0 .599.489 1.093 1.088 1.093h2.688c.181-.004.364-.061.52-.156c2.995 4.401 3.647 9.756 1.652 13.563h-2.615c-.771 0-1.401.636-1.401 1.401v2.391c-3.989 1.735-9.333.297-13.276-3.984a16.7 16.7 0 0 1-2.068-2.797c.344-.369.552-.864.552-1.407v-6.323a2.086 2.086 0 0 0-2.083-2.083h-.547c.317-1.819 1.041-3.48 2.249-4.792c1.631-1.771 3.839-2.636 6.208-2.645zm8.12 2.676h2.688c.213 0 .375.161.375.38v2.683c0 .219-.161.38-.375.38h-2.688a.37.37 0 0 1-.38-.38V5.973a.37.37 0 0 1 .38-.38m-22.354 5.47h6.324c.771 0 1.375.609 1.375 1.375v6.323c0 .767-.604 1.376-1.375 1.376H2.088a1.37 1.37 0 0 1-1.38-1.376v-6.323c0-.765.609-1.369 1.375-1.369zm24.6 12.806h3.812c.391 0 .699.303.699.688v3.817a.69.69 0 0 1-.699.693h-3.812a.683.683 0 0 1-.693-.693v-3.812a.683.683 0 0 1 .693-.693"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.989.011c-3.219-.12-6.208.953-8.375 3.312c-1.735 1.885-2.697 4.339-2.969 7.032h-.557A2.09 2.09 0 0 0 0 12.438v6.323a2.09 2.09 0 0 0 2.083 2.089H4.87a22.6 22.6 0 0 0 3.428 4.911c5.943 6.459 14.249 8.043 19.4 4.021h2.797c.771 0 1.401-.636 1.401-1.401v-3.817c0-.333-.125-.645-.344-.891c1.145-4.579-.057-10.188-3.355-14.953c0-.021.011-.041.011-.063V5.974c0-.599-.484-1.088-1.083-1.093h-2.271C21.505 1.829 17.609.146 13.989.012zm2.328 2.906c2.376-.016 4.923.828 7.229 2.463a1.1 1.1 0 0 0-.197.593v2.683c0 .599.489 1.093 1.088 1.093h2.688c.181-.004.364-.061.52-.156c2.995 4.401 3.647 9.756 1.652 13.563h-2.615c-.771 0-1.401.636-1.401 1.401v2.391c-3.989 1.735-9.333.297-13.276-3.984a16.7 16.7 0 0 1-2.068-2.797c.344-.369.552-.864.552-1.407v-6.323a2.086 2.086 0 0 0-2.083-2.083h-.547c.317-1.819 1.041-3.48 2.249-4.792c1.631-1.771 3.839-2.636 6.208-2.645zm8.12 2.676h2.688c.213 0 .375.161.375.38v2.683c0 .219-.161.38-.375.38h-2.688a.37.37 0 0 1-.38-.38V5.973a.37.37 0 0 1 .38-.38m-22.354 5.47h6.324c.771 0 1.375.609 1.375 1.375v6.323c0 .767-.604 1.376-1.375 1.376H2.088a1.37 1.37 0 0 1-1.38-1.376v-6.323c0-.765.609-1.369 1.375-1.369zm24.6 12.806h3.812c.391 0 .699.303.699.688v3.817a.69.69 0 0 1-.699.693h-3.812a.683.683 0 0 1-.693-.693v-3.812a.683.683 0 0 1 .693-.693"/></svg> </template>
CSS
.icon-octave {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.989.011c-3.219-.12-6.208.953-8.375%203.312c-1.735%201.885-2.697%204.339-2.969%207.032h-.557A2.09%202.09%200%200%200%200%2012.438v6.323a2.09%202.09%200%200%200%202.083%202.089H4.87a22.6%2022.6%200%200%200%203.428%204.911c5.943%206.459%2014.249%208.043%2019.4%204.021h2.797c.771%200%201.401-.636%201.401-1.401v-3.817c0-.333-.125-.645-.344-.891c1.145-4.579-.057-10.188-3.355-14.953c0-.021.011-.041.011-.063V5.974c0-.599-.484-1.088-1.083-1.093h-2.271C21.505%201.829%2017.609.146%2013.989.012zm2.328%202.906c2.376-.016%204.923.828%207.229%202.463a1.1%201.1%200%200%200-.197.593v2.683c0%20.599.489%201.093%201.088%201.093h2.688c.181-.004.364-.061.52-.156c2.995%204.401%203.647%209.756%201.652%2013.563h-2.615c-.771%200-1.401.636-1.401%201.401v2.391c-3.989%201.735-9.333.297-13.276-3.984a16.7%2016.7%200%200%201-2.068-2.797c.344-.369.552-.864.552-1.407v-6.323a2.086%202.086%200%200%200-2.083-2.083h-.547c.317-1.819%201.041-3.48%202.249-4.792c1.631-1.771%203.839-2.636%206.208-2.645zm8.12%202.676h2.688c.213%200%20.375.161.375.38v2.683c0%20.219-.161.38-.375.38h-2.688a.37.37%200%200%201-.38-.38V5.973a.37.37%200%200%201%20.38-.38m-22.354%205.47h6.324c.771%200%201.375.609%201.375%201.375v6.323c0%20.767-.604%201.376-1.375%201.376H2.088a1.37%201.37%200%200%201-1.38-1.376v-6.323c0-.765.609-1.369%201.375-1.369zm24.6%2012.806h3.812c.391%200%20.699.303.699.688v3.817a.69.69%200%200%201-.699.693h-3.812a.683.683%200%200%201-.693-.693v-3.812a.683.683%200%200%201%20.693-.693%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.989.011c-3.219-.12-6.208.953-8.375%203.312c-1.735%201.885-2.697%204.339-2.969%207.032h-.557A2.09%202.09%200%200%200%200%2012.438v6.323a2.09%202.09%200%200%200%202.083%202.089H4.87a22.6%2022.6%200%200%200%203.428%204.911c5.943%206.459%2014.249%208.043%2019.4%204.021h2.797c.771%200%201.401-.636%201.401-1.401v-3.817c0-.333-.125-.645-.344-.891c1.145-4.579-.057-10.188-3.355-14.953c0-.021.011-.041.011-.063V5.974c0-.599-.484-1.088-1.083-1.093h-2.271C21.505%201.829%2017.609.146%2013.989.012zm2.328%202.906c2.376-.016%204.923.828%207.229%202.463a1.1%201.1%200%200%200-.197.593v2.683c0%20.599.489%201.093%201.088%201.093h2.688c.181-.004.364-.061.52-.156c2.995%204.401%203.647%209.756%201.652%2013.563h-2.615c-.771%200-1.401.636-1.401%201.401v2.391c-3.989%201.735-9.333.297-13.276-3.984a16.7%2016.7%200%200%201-2.068-2.797c.344-.369.552-.864.552-1.407v-6.323a2.086%202.086%200%200%200-2.083-2.083h-.547c.317-1.819%201.041-3.48%202.249-4.792c1.631-1.771%203.839-2.636%206.208-2.645zm8.12%202.676h2.688c.213%200%20.375.161.375.38v2.683c0%20.219-.161.38-.375.38h-2.688a.37.37%200%200%201-.38-.38V5.973a.37.37%200%200%201%20.38-.38m-22.354%205.47h6.324c.771%200%201.375.609%201.375%201.375v6.323c0%20.767-.604%201.376-1.375%201.376H2.088a1.37%201.37%200%200%201-1.38-1.376v-6.323c0-.765.609-1.369%201.375-1.369zm24.6%2012.806h3.812c.391%200%20.699.303.699.688v3.817a.69.69%200%200%201-.699.693h-3.812a.683.683%200%200%201-.693-.693v-3.812a.683.683%200%200%201%20.693-.693%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/octave.svg?color=%231a73e8&size=48
