octave logo
octave from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- octave
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M10.5.007c-2.414-.09-4.658.715-6.286 2.485C2.913 3.906 2.188 5.75 1.987 7.77h-.42C.703 7.77 0 8.473 0 9.335v4.743c0 .863.702 1.567 1.565 1.567h2.091a17 17 0 0 0 2.57 3.687c4.46 4.848 10.696 6.036 14.561 3.016h2.102c.577 0 1.05-.473 1.05-1.05V18.43a1.03 1.03 0 0 0-.257-.668c.858-3.433-.045-7.642-2.52-11.219c.002-.017.01-.032.01-.049V4.482a.82.82 0 0 0-.816-.819h-1.703C16.142 1.372 13.218.11 10.5.007m1.75 2.18c1.78-.01 3.69.62 5.425 1.85a.8.8 0 0 0-.15.445v2.013c0 .449.368.82.816.82h2.016a.8.8 0 0 0 .392-.116c2.248 3.302 2.735 7.322 1.24 10.18h-1.964c-.579 0-1.052.475-1.052 1.051v1.794c-2.991 1.3-7.005.222-9.964-2.992a12.7 12.7 0 0 1-1.55-2.098c.256-.279.416-.647.416-1.056V9.335c0-.862-.702-1.565-1.565-1.565H5.9c.238-1.364.781-2.612 1.688-3.596c1.225-1.331 2.88-1.98 4.661-1.988zm6.091 2.01h2.016c.162 0 .283.123.283.285v2.013c0 .163-.12.285-.283.285H18.34a.28.28 0 0 1-.285-.285V4.482a.28.28 0 0 1 .285-.285zM1.566 8.303h4.743c.578 0 1.033.456 1.033 1.032v4.743c0 .577-.455 1.033-1.032 1.033H1.567a1.024 1.024 0 0 1-1.034-1.032V9.335c0-.576.455-1.032 1.032-1.032zm18.459 9.61h2.865c.29 0 .52.226.52.518v2.865a.51.51 0 0 1-.52.519h-2.865a.51.51 0 0 1-.519-.519v-2.864a.51.51 0 0 1 .519-.518z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsOctave(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.5.007c-2.414-.09-4.658.715-6.286 2.485C2.913 3.906 2.188 5.75 1.987 7.77h-.42C.703 7.77 0 8.473 0 9.335v4.743c0 .863.702 1.567 1.565 1.567h2.091a17 17 0 0 0 2.57 3.687c4.46 4.848 10.696 6.036 14.561 3.016h2.102c.577 0 1.05-.473 1.05-1.05V18.43a1.03 1.03 0 0 0-.257-.668c.858-3.433-.045-7.642-2.52-11.219c.002-.017.01-.032.01-.049V4.482a.82.82 0 0 0-.816-.819h-1.703C16.142 1.372 13.218.11 10.5.007m1.75 2.18c1.78-.01 3.69.62 5.425 1.85a.8.8 0 0 0-.15.445v2.013c0 .449.368.82.816.82h2.016a.8.8 0 0 0 .392-.116c2.248 3.302 2.735 7.322 1.24 10.18h-1.964c-.579 0-1.052.475-1.052 1.051v1.794c-2.991 1.3-7.005.222-9.964-2.992a12.7 12.7 0 0 1-1.55-2.098c.256-.279.416-.647.416-1.056V9.335c0-.862-.702-1.565-1.565-1.565H5.9c.238-1.364.781-2.612 1.688-3.596c1.225-1.331 2.88-1.98 4.661-1.988zm6.091 2.01h2.016c.162 0 .283.123.283.285v2.013c0 .163-.12.285-.283.285H18.34a.28.28 0 0 1-.285-.285V4.482a.28.28 0 0 1 .285-.285zM1.566 8.303h4.743c.578 0 1.033.456 1.033 1.032v4.743c0 .577-.455 1.033-1.032 1.033H1.567a1.024 1.024 0 0 1-1.034-1.032V9.335c0-.576.455-1.032 1.032-1.032zm18.459 9.61h2.865c.29 0 .52.226.52.518v2.865a.51.51 0 0 1-.52.519h-2.865a.51.51 0 0 1-.519-.519v-2.864a.51.51 0 0 1 .519-.518z"/></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.5.007c-2.414-.09-4.658.715-6.286 2.485C2.913 3.906 2.188 5.75 1.987 7.77h-.42C.703 7.77 0 8.473 0 9.335v4.743c0 .863.702 1.567 1.565 1.567h2.091a17 17 0 0 0 2.57 3.687c4.46 4.848 10.696 6.036 14.561 3.016h2.102c.577 0 1.05-.473 1.05-1.05V18.43a1.03 1.03 0 0 0-.257-.668c.858-3.433-.045-7.642-2.52-11.219c.002-.017.01-.032.01-.049V4.482a.82.82 0 0 0-.816-.819h-1.703C16.142 1.372 13.218.11 10.5.007m1.75 2.18c1.78-.01 3.69.62 5.425 1.85a.8.8 0 0 0-.15.445v2.013c0 .449.368.82.816.82h2.016a.8.8 0 0 0 .392-.116c2.248 3.302 2.735 7.322 1.24 10.18h-1.964c-.579 0-1.052.475-1.052 1.051v1.794c-2.991 1.3-7.005.222-9.964-2.992a12.7 12.7 0 0 1-1.55-2.098c.256-.279.416-.647.416-1.056V9.335c0-.862-.702-1.565-1.565-1.565H5.9c.238-1.364.781-2.612 1.688-3.596c1.225-1.331 2.88-1.98 4.661-1.988zm6.091 2.01h2.016c.162 0 .283.123.283.285v2.013c0 .163-.12.285-.283.285H18.34a.28.28 0 0 1-.285-.285V4.482a.28.28 0 0 1 .285-.285zM1.566 8.303h4.743c.578 0 1.033.456 1.033 1.032v4.743c0 .577-.455 1.033-1.032 1.033H1.567a1.024 1.024 0 0 1-1.034-1.032V9.335c0-.576.455-1.032 1.032-1.032zm18.459 9.61h2.865c.29 0 .52.226.52.518v2.865a.51.51 0 0 1-.52.519h-2.865a.51.51 0 0 1-.519-.519v-2.864a.51.51 0 0 1 .519-.518z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.5.007c-2.414-.09-4.658.715-6.286%202.485C2.913%203.906%202.188%205.75%201.987%207.77h-.42C.703%207.77%200%208.473%200%209.335v4.743c0%20.863.702%201.567%201.565%201.567h2.091a17%2017%200%200%200%202.57%203.687c4.46%204.848%2010.696%206.036%2014.561%203.016h2.102c.577%200%201.05-.473%201.05-1.05V18.43a1.03%201.03%200%200%200-.257-.668c.858-3.433-.045-7.642-2.52-11.219c.002-.017.01-.032.01-.049V4.482a.82.82%200%200%200-.816-.819h-1.703C16.142%201.372%2013.218.11%2010.5.007m1.75%202.18c1.78-.01%203.69.62%205.425%201.85a.8.8%200%200%200-.15.445v2.013c0%20.449.368.82.816.82h2.016a.8.8%200%200%200%20.392-.116c2.248%203.302%202.735%207.322%201.24%2010.18h-1.964c-.579%200-1.052.475-1.052%201.051v1.794c-2.991%201.3-7.005.222-9.964-2.992a12.7%2012.7%200%200%201-1.55-2.098c.256-.279.416-.647.416-1.056V9.335c0-.862-.702-1.565-1.565-1.565H5.9c.238-1.364.781-2.612%201.688-3.596c1.225-1.331%202.88-1.98%204.661-1.988zm6.091%202.01h2.016c.162%200%20.283.123.283.285v2.013c0%20.163-.12.285-.283.285H18.34a.28.28%200%200%201-.285-.285V4.482a.28.28%200%200%201%20.285-.285zM1.566%208.303h4.743c.578%200%201.033.456%201.033%201.032v4.743c0%20.577-.455%201.033-1.032%201.033H1.567a1.024%201.024%200%200%201-1.034-1.032V9.335c0-.576.455-1.032%201.032-1.032zm18.459%209.61h2.865c.29%200%20.52.226.52.518v2.865a.51.51%200%200%201-.52.519h-2.865a.51.51%200%200%201-.519-.519v-2.864a.51.51%200%200%201%20.519-.518z%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.5.007c-2.414-.09-4.658.715-6.286%202.485C2.913%203.906%202.188%205.75%201.987%207.77h-.42C.703%207.77%200%208.473%200%209.335v4.743c0%20.863.702%201.567%201.565%201.567h2.091a17%2017%200%200%200%202.57%203.687c4.46%204.848%2010.696%206.036%2014.561%203.016h2.102c.577%200%201.05-.473%201.05-1.05V18.43a1.03%201.03%200%200%200-.257-.668c.858-3.433-.045-7.642-2.52-11.219c.002-.017.01-.032.01-.049V4.482a.82.82%200%200%200-.816-.819h-1.703C16.142%201.372%2013.218.11%2010.5.007m1.75%202.18c1.78-.01%203.69.62%205.425%201.85a.8.8%200%200%200-.15.445v2.013c0%20.449.368.82.816.82h2.016a.8.8%200%200%200%20.392-.116c2.248%203.302%202.735%207.322%201.24%2010.18h-1.964c-.579%200-1.052.475-1.052%201.051v1.794c-2.991%201.3-7.005.222-9.964-2.992a12.7%2012.7%200%200%201-1.55-2.098c.256-.279.416-.647.416-1.056V9.335c0-.862-.702-1.565-1.565-1.565H5.9c.238-1.364.781-2.612%201.688-3.596c1.225-1.331%202.88-1.98%204.661-1.988zm6.091%202.01h2.016c.162%200%20.283.123.283.285v2.013c0%20.163-.12.285-.283.285H18.34a.28.28%200%200%201-.285-.285V4.482a.28.28%200%200%201%20.285-.285zM1.566%208.303h4.743c.578%200%201.033.456%201.033%201.032v4.743c0%20.577-.455%201.033-1.032%201.033H1.567a1.024%201.024%200%200%201-1.034-1.032V9.335c0-.576.455-1.032%201.032-1.032zm18.459%209.61h2.865c.29%200%20.52.226.52.518v2.865a.51.51%200%200%201-.52.519h-2.865a.51.51%200%200%201-.519-.519v-2.864a.51.51%200%200%201%20.519-.518z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/octave.svg?color=%231a73e8&size=48
