cog transfer icon
cog-transfer-outline from Material Design Icons by Pictogrammers · Outline · Settings · Apache-2.0 Free for personal and commercial use.
- Name
- cog-transfer-outline
- Set
- Material Design Icons
- Style
- Outline
- Category
- Settings
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- settings-transfer-outline
1 other variant in Material Design Icons
More settings icons from Material Design Icons
Use the cog transfer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 17v-3h3v-2l4 3.5l-4 3.5v-2zm2 1v3h-3v2l-4-3.5l4-3.5v2zM12 8c-2.21 0-4 1.8-4 4c0 1.91 1.35 3.54 3.21 3.92L16 11.86A3.997 3.997 0 0 0 12 8m0 6c-1.1 0-2-.89-2-2s.9-2 2-2s2 .9 2 2s-.89 2-2 2m9.66-5.27l-2-3.46c-.12-.22-.38-.31-.61-.22l-2.49 1c-.51-.41-1.06-.74-1.69-1l-.37-2.63A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.26-1.17.59-1.69 1L5 5.05c-.23-.09-.5 0-.61.22l-2 3.46c-.13.21-.08.49.11.64L4.57 11l-.07 1l.07 1l-2.11 1.63c-.2.15-.25.43-.12.64l2 3.46c.11.27.4.38.66.27l2.5-1c.24.19.5.37.76.53l1.65-1.4c-.77-.33-1.45-.82-2-1.45l-2.41 1l-.77-1.3L6.8 13.8a5.55 5.55 0 0 1 0-3.6L4.69 8.65l.75-1.3l2.41 1c.78-.9 1.83-1.53 3-1.78l.4-2.57h1.5l.37 2.62c1.17.24 2.22.88 3 1.77l2.41-1l.75 1.3l-2.08 1.51c.09.26.16.53.2.8h2l2.1-1.63a.48.48 0 0 0 .16-.64M12 8c-2.21 0-4 1.8-4 4c0 1.91 1.35 3.54 3.21 3.92L16 11.86A3.997 3.997 0 0 0 12 8m0 6c-1.1 0-2-.89-2-2s.9-2 2-2s2 .9 2 2s-.89 2-2 2m0-6c-2.21 0-4 1.8-4 4c0 1.91 1.35 3.54 3.21 3.92L16 11.86A3.997 3.997 0 0 0 12 8m0 6c-1.1 0-2-.89-2-2s.9-2 2-2s2 .9 2 2s-.89 2-2 2"/></svg>
React
import type { SVGProps } from "react";
export function MdiCogTransferOutline(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="M15 17v-3h3v-2l4 3.5l-4 3.5v-2zm2 1v3h-3v2l-4-3.5l4-3.5v2zM12 8c-2.21 0-4 1.8-4 4c0 1.91 1.35 3.54 3.21 3.92L16 11.86A3.997 3.997 0 0 0 12 8m0 6c-1.1 0-2-.89-2-2s.9-2 2-2s2 .9 2 2s-.89 2-2 2m9.66-5.27l-2-3.46c-.12-.22-.38-.31-.61-.22l-2.49 1c-.51-.41-1.06-.74-1.69-1l-.37-2.63A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.26-1.17.59-1.69 1L5 5.05c-.23-.09-.5 0-.61.22l-2 3.46c-.13.21-.08.49.11.64L4.57 11l-.07 1l.07 1l-2.11 1.63c-.2.15-.25.43-.12.64l2 3.46c.11.27.4.38.66.27l2.5-1c.24.19.5.37.76.53l1.65-1.4c-.77-.33-1.45-.82-2-1.45l-2.41 1l-.77-1.3L6.8 13.8a5.55 5.55 0 0 1 0-3.6L4.69 8.65l.75-1.3l2.41 1c.78-.9 1.83-1.53 3-1.78l.4-2.57h1.5l.37 2.62c1.17.24 2.22.88 3 1.77l2.41-1l.75 1.3l-2.08 1.51c.09.26.16.53.2.8h2l2.1-1.63a.48.48 0 0 0 .16-.64M12 8c-2.21 0-4 1.8-4 4c0 1.91 1.35 3.54 3.21 3.92L16 11.86A3.997 3.997 0 0 0 12 8m0 6c-1.1 0-2-.89-2-2s.9-2 2-2s2 .9 2 2s-.89 2-2 2m0-6c-2.21 0-4 1.8-4 4c0 1.91 1.35 3.54 3.21 3.92L16 11.86A3.997 3.997 0 0 0 12 8m0 6c-1.1 0-2-.89-2-2s.9-2 2-2s2 .9 2 2s-.89 2-2 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 17v-3h3v-2l4 3.5l-4 3.5v-2zm2 1v3h-3v2l-4-3.5l4-3.5v2zM12 8c-2.21 0-4 1.8-4 4c0 1.91 1.35 3.54 3.21 3.92L16 11.86A3.997 3.997 0 0 0 12 8m0 6c-1.1 0-2-.89-2-2s.9-2 2-2s2 .9 2 2s-.89 2-2 2m9.66-5.27l-2-3.46c-.12-.22-.38-.31-.61-.22l-2.49 1c-.51-.41-1.06-.74-1.69-1l-.37-2.63A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.26-1.17.59-1.69 1L5 5.05c-.23-.09-.5 0-.61.22l-2 3.46c-.13.21-.08.49.11.64L4.57 11l-.07 1l.07 1l-2.11 1.63c-.2.15-.25.43-.12.64l2 3.46c.11.27.4.38.66.27l2.5-1c.24.19.5.37.76.53l1.65-1.4c-.77-.33-1.45-.82-2-1.45l-2.41 1l-.77-1.3L6.8 13.8a5.55 5.55 0 0 1 0-3.6L4.69 8.65l.75-1.3l2.41 1c.78-.9 1.83-1.53 3-1.78l.4-2.57h1.5l.37 2.62c1.17.24 2.22.88 3 1.77l2.41-1l.75 1.3l-2.08 1.51c.09.26.16.53.2.8h2l2.1-1.63a.48.48 0 0 0 .16-.64M12 8c-2.21 0-4 1.8-4 4c0 1.91 1.35 3.54 3.21 3.92L16 11.86A3.997 3.997 0 0 0 12 8m0 6c-1.1 0-2-.89-2-2s.9-2 2-2s2 .9 2 2s-.89 2-2 2m0-6c-2.21 0-4 1.8-4 4c0 1.91 1.35 3.54 3.21 3.92L16 11.86A3.997 3.997 0 0 0 12 8m0 6c-1.1 0-2-.89-2-2s.9-2 2-2s2 .9 2 2s-.89 2-2 2"/></svg> </template>
CSS
.icon-cog-transfer-outline {
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%22M15%2017v-3h3v-2l4%203.5l-4%203.5v-2zm2%201v3h-3v2l-4-3.5l4-3.5v2zM12%208c-2.21%200-4%201.8-4%204c0%201.91%201.35%203.54%203.21%203.92L16%2011.86A3.997%203.997%200%200%200%2012%208m0%206c-1.1%200-2-.89-2-2s.9-2%202-2s2%20.9%202%202s-.89%202-2%202m9.66-5.27l-2-3.46c-.12-.22-.38-.31-.61-.22l-2.49%201c-.51-.41-1.06-.74-1.69-1l-.37-2.63A.506.506%200%200%200%2014%202h-4c-.25%200-.46.18-.5.42l-.37%202.65c-.63.26-1.17.59-1.69%201L5%205.05c-.23-.09-.5%200-.61.22l-2%203.46c-.13.21-.08.49.11.64L4.57%2011l-.07%201l.07%201l-2.11%201.63c-.2.15-.25.43-.12.64l2%203.46c.11.27.4.38.66.27l2.5-1c.24.19.5.37.76.53l1.65-1.4c-.77-.33-1.45-.82-2-1.45l-2.41%201l-.77-1.3L6.8%2013.8a5.55%205.55%200%200%201%200-3.6L4.69%208.65l.75-1.3l2.41%201c.78-.9%201.83-1.53%203-1.78l.4-2.57h1.5l.37%202.62c1.17.24%202.22.88%203%201.77l2.41-1l.75%201.3l-2.08%201.51c.09.26.16.53.2.8h2l2.1-1.63a.48.48%200%200%200%20.16-.64M12%208c-2.21%200-4%201.8-4%204c0%201.91%201.35%203.54%203.21%203.92L16%2011.86A3.997%203.997%200%200%200%2012%208m0%206c-1.1%200-2-.89-2-2s.9-2%202-2s2%20.9%202%202s-.89%202-2%202m0-6c-2.21%200-4%201.8-4%204c0%201.91%201.35%203.54%203.21%203.92L16%2011.86A3.997%203.997%200%200%200%2012%208m0%206c-1.1%200-2-.89-2-2s.9-2%202-2s2%20.9%202%202s-.89%202-2%202%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%22M15%2017v-3h3v-2l4%203.5l-4%203.5v-2zm2%201v3h-3v2l-4-3.5l4-3.5v2zM12%208c-2.21%200-4%201.8-4%204c0%201.91%201.35%203.54%203.21%203.92L16%2011.86A3.997%203.997%200%200%200%2012%208m0%206c-1.1%200-2-.89-2-2s.9-2%202-2s2%20.9%202%202s-.89%202-2%202m9.66-5.27l-2-3.46c-.12-.22-.38-.31-.61-.22l-2.49%201c-.51-.41-1.06-.74-1.69-1l-.37-2.63A.506.506%200%200%200%2014%202h-4c-.25%200-.46.18-.5.42l-.37%202.65c-.63.26-1.17.59-1.69%201L5%205.05c-.23-.09-.5%200-.61.22l-2%203.46c-.13.21-.08.49.11.64L4.57%2011l-.07%201l.07%201l-2.11%201.63c-.2.15-.25.43-.12.64l2%203.46c.11.27.4.38.66.27l2.5-1c.24.19.5.37.76.53l1.65-1.4c-.77-.33-1.45-.82-2-1.45l-2.41%201l-.77-1.3L6.8%2013.8a5.55%205.55%200%200%201%200-3.6L4.69%208.65l.75-1.3l2.41%201c.78-.9%201.83-1.53%203-1.78l.4-2.57h1.5l.37%202.62c1.17.24%202.22.88%203%201.77l2.41-1l.75%201.3l-2.08%201.51c.09.26.16.53.2.8h2l2.1-1.63a.48.48%200%200%200%20.16-.64M12%208c-2.21%200-4%201.8-4%204c0%201.91%201.35%203.54%203.21%203.92L16%2011.86A3.997%203.997%200%200%200%2012%208m0%206c-1.1%200-2-.89-2-2s.9-2%202-2s2%20.9%202%202s-.89%202-2%202m0-6c-2.21%200-4%201.8-4%204c0%201.91%201.35%203.54%203.21%203.92L16%2011.86A3.997%203.997%200%200%200%2012%208m0%206c-1.1%200-2-.89-2-2s.9-2%202-2s2%20.9%202%202s-.89%202-2%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/cog-transfer-outline.svg?color=%231a73e8&size=48
