octoface icon
octoface from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- octoface
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
The same icon in other sets
Use the octoface icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.863 5.673c.113-.28.48-1.392-.114-2.897c0 0-.919-.288-3.01 1.138c-.875-.245-1.812-.28-2.739-.28c-.928 0-1.864.035-2.739.28c-2.091-1.435-3.01-1.138-3.01-1.138c-.595 1.505-.227 2.617-.113 2.897C1.428 6.433 1 7.413 1 8.603c0 4.507 2.914 5.522 6.983 5.522S15 13.11 15 8.604c0-1.19-.429-2.17-1.137-2.931M8 13.268c-2.887 0-5.232-.132-5.232-2.932c0-.665.332-1.295.892-1.811c.936-.857 2.537-.402 4.34-.402c1.811 0 3.395-.455 4.34.402c.569.516.893 1.138.893 1.811c0 2.791-2.346 2.932-5.233 2.932M5.804 8.884c-.578 0-1.05.7-1.05 1.557c0 .858.472 1.566 1.05 1.566c.577 0 1.05-.7 1.05-1.566s-.473-1.557-1.05-1.557m4.392 0c-.577 0-1.05.691-1.05 1.557s.473 1.566 1.05 1.566s1.05-.7 1.05-1.566s-.463-1.557-1.05-1.557" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function CodiconOctoface(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fillRule="evenodd" d="M13.863 5.673c.113-.28.48-1.392-.114-2.897c0 0-.919-.288-3.01 1.138c-.875-.245-1.812-.28-2.739-.28c-.928 0-1.864.035-2.739.28c-2.091-1.435-3.01-1.138-3.01-1.138c-.595 1.505-.227 2.617-.113 2.897C1.428 6.433 1 7.413 1 8.603c0 4.507 2.914 5.522 6.983 5.522S15 13.11 15 8.604c0-1.19-.429-2.17-1.137-2.931M8 13.268c-2.887 0-5.232-.132-5.232-2.932c0-.665.332-1.295.892-1.811c.936-.857 2.537-.402 4.34-.402c1.811 0 3.395-.455 4.34.402c.569.516.893 1.138.893 1.811c0 2.791-2.346 2.932-5.233 2.932M5.804 8.884c-.578 0-1.05.7-1.05 1.557c0 .858.472 1.566 1.05 1.566c.577 0 1.05-.7 1.05-1.566s-.473-1.557-1.05-1.557m4.392 0c-.577 0-1.05.691-1.05 1.557s.473 1.566 1.05 1.566s1.05-.7 1.05-1.566s-.463-1.557-1.05-1.557" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.863 5.673c.113-.28.48-1.392-.114-2.897c0 0-.919-.288-3.01 1.138c-.875-.245-1.812-.28-2.739-.28c-.928 0-1.864.035-2.739.28c-2.091-1.435-3.01-1.138-3.01-1.138c-.595 1.505-.227 2.617-.113 2.897C1.428 6.433 1 7.413 1 8.603c0 4.507 2.914 5.522 6.983 5.522S15 13.11 15 8.604c0-1.19-.429-2.17-1.137-2.931M8 13.268c-2.887 0-5.232-.132-5.232-2.932c0-.665.332-1.295.892-1.811c.936-.857 2.537-.402 4.34-.402c1.811 0 3.395-.455 4.34.402c.569.516.893 1.138.893 1.811c0 2.791-2.346 2.932-5.233 2.932M5.804 8.884c-.578 0-1.05.7-1.05 1.557c0 .858.472 1.566 1.05 1.566c.577 0 1.05-.7 1.05-1.566s-.473-1.557-1.05-1.557m4.392 0c-.577 0-1.05.691-1.05 1.557s.473 1.566 1.05 1.566s1.05-.7 1.05-1.566s-.463-1.557-1.05-1.557" clip-rule="evenodd"/></svg> </template>
CSS
.icon-octoface {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.863%205.673c.113-.28.48-1.392-.114-2.897c0%200-.919-.288-3.01%201.138c-.875-.245-1.812-.28-2.739-.28c-.928%200-1.864.035-2.739.28c-2.091-1.435-3.01-1.138-3.01-1.138c-.595%201.505-.227%202.617-.113%202.897C1.428%206.433%201%207.413%201%208.603c0%204.507%202.914%205.522%206.983%205.522S15%2013.11%2015%208.604c0-1.19-.429-2.17-1.137-2.931M8%2013.268c-2.887%200-5.232-.132-5.232-2.932c0-.665.332-1.295.892-1.811c.936-.857%202.537-.402%204.34-.402c1.811%200%203.395-.455%204.34.402c.569.516.893%201.138.893%201.811c0%202.791-2.346%202.932-5.233%202.932M5.804%208.884c-.578%200-1.05.7-1.05%201.557c0%20.858.472%201.566%201.05%201.566c.577%200%201.05-.7%201.05-1.566s-.473-1.557-1.05-1.557m4.392%200c-.577%200-1.05.691-1.05%201.557s.473%201.566%201.05%201.566s1.05-.7%201.05-1.566s-.463-1.557-1.05-1.557%22%20clip-rule%3D%22evenodd%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.863%205.673c.113-.28.48-1.392-.114-2.897c0%200-.919-.288-3.01%201.138c-.875-.245-1.812-.28-2.739-.28c-.928%200-1.864.035-2.739.28c-2.091-1.435-3.01-1.138-3.01-1.138c-.595%201.505-.227%202.617-.113%202.897C1.428%206.433%201%207.413%201%208.603c0%204.507%202.914%205.522%206.983%205.522S15%2013.11%2015%208.604c0-1.19-.429-2.17-1.137-2.931M8%2013.268c-2.887%200-5.232-.132-5.232-2.932c0-.665.332-1.295.892-1.811c.936-.857%202.537-.402%204.34-.402c1.811%200%203.395-.455%204.34.402c.569.516.893%201.138.893%201.811c0%202.791-2.346%202.932-5.233%202.932M5.804%208.884c-.578%200-1.05.7-1.05%201.557c0%20.858.472%201.566%201.05%201.566c.577%200%201.05-.7%201.05-1.566s-.473-1.557-1.05-1.557m4.392%200c-.577%200-1.05.691-1.05%201.557s.473%201.566%201.05%201.566s1.05-.7%201.05-1.566s-.463-1.557-1.05-1.557%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/octoface.svg?color=%231a73e8&size=48
