duc logo
duc from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- duc
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 16×16
- License
- MIT
Use the duc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#ff5252" d="M12.564 8.49c.06-.232.124-.46.156-.696c.096-.719-.02-1.408-.268-2.08a1 1 0 0 0-.077-.162c-.124-.193-.343-.2-.47-.01a1.3 1.3 0 0 0-.128.277c-.238.653-.553 1.26-1.049 1.758a4.6 4.6 0 0 1-.863.678c.057-.23.161-.42.248-.605c.34-.721.513-1.483.619-2.264c.088-.658.102-1.32-.072-1.964c-.317-1.174-1.01-2.022-2.23-2.32c-1.232-.301-2.266.07-3.093 1.026c-.227.262-.436.541-.663.804c-.377.44-.842.758-1.382.97c-.163.065-.328.058-.494.06c-.144 0-.29.001-.425.057c-.411.168-.503.68-.172 1.03c.316.334.732.465 1.176.536c.54.088 1.041-.087 1.55-.216c.48-.123.96-.253 1.439-.38c.086-.022.197-.062.25.008c.047.062-.023.158-.062.231c-.117.218-.301.369-.502.504c-.511.344-1.056.639-1.535 1.031c-.914.751-1.528 1.684-1.673 2.877c-.169 1.384.26 2.593 1.173 3.627c.6.68 1.332 1.196 2.202 1.467c1.677.523 3.243.282 4.656-.784c1.448-1.092 2.2-2.583 2.438-4.356a3.5 3.5 0 0 0 .016-.934c-.051-.381-.274-.478-.585-.255q-.065.046-.134.088c-.008.005-.021-.001-.046-.004Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeDuc(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#ff5252" d="M12.564 8.49c.06-.232.124-.46.156-.696c.096-.719-.02-1.408-.268-2.08a1 1 0 0 0-.077-.162c-.124-.193-.343-.2-.47-.01a1.3 1.3 0 0 0-.128.277c-.238.653-.553 1.26-1.049 1.758a4.6 4.6 0 0 1-.863.678c.057-.23.161-.42.248-.605c.34-.721.513-1.483.619-2.264c.088-.658.102-1.32-.072-1.964c-.317-1.174-1.01-2.022-2.23-2.32c-1.232-.301-2.266.07-3.093 1.026c-.227.262-.436.541-.663.804c-.377.44-.842.758-1.382.97c-.163.065-.328.058-.494.06c-.144 0-.29.001-.425.057c-.411.168-.503.68-.172 1.03c.316.334.732.465 1.176.536c.54.088 1.041-.087 1.55-.216c.48-.123.96-.253 1.439-.38c.086-.022.197-.062.25.008c.047.062-.023.158-.062.231c-.117.218-.301.369-.502.504c-.511.344-1.056.639-1.535 1.031c-.914.751-1.528 1.684-1.673 2.877c-.169 1.384.26 2.593 1.173 3.627c.6.68 1.332 1.196 2.202 1.467c1.677.523 3.243.282 4.656-.784c1.448-1.092 2.2-2.583 2.438-4.356a3.5 3.5 0 0 0 .016-.934c-.051-.381-.274-.478-.585-.255q-.065.046-.134.088c-.008.005-.021-.001-.046-.004Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#ff5252" d="M12.564 8.49c.06-.232.124-.46.156-.696c.096-.719-.02-1.408-.268-2.08a1 1 0 0 0-.077-.162c-.124-.193-.343-.2-.47-.01a1.3 1.3 0 0 0-.128.277c-.238.653-.553 1.26-1.049 1.758a4.6 4.6 0 0 1-.863.678c.057-.23.161-.42.248-.605c.34-.721.513-1.483.619-2.264c.088-.658.102-1.32-.072-1.964c-.317-1.174-1.01-2.022-2.23-2.32c-1.232-.301-2.266.07-3.093 1.026c-.227.262-.436.541-.663.804c-.377.44-.842.758-1.382.97c-.163.065-.328.058-.494.06c-.144 0-.29.001-.425.057c-.411.168-.503.68-.172 1.03c.316.334.732.465 1.176.536c.54.088 1.041-.087 1.55-.216c.48-.123.96-.253 1.439-.38c.086-.022.197-.062.25.008c.047.062-.023.158-.062.231c-.117.218-.301.369-.502.504c-.511.344-1.056.639-1.535 1.031c-.914.751-1.528 1.684-1.673 2.877c-.169 1.384.26 2.593 1.173 3.627c.6.68 1.332 1.196 2.202 1.467c1.677.523 3.243.282 4.656-.784c1.448-1.092 2.2-2.583 2.438-4.356a3.5 3.5 0 0 0 .016-.934c-.051-.381-.274-.478-.585-.255q-.065.046-.134.088c-.008.005-.021-.001-.046-.004Z"/></svg> </template>
CSS
.icon-duc {
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%22%23ff5252%22%20d%3D%22M12.564%208.49c.06-.232.124-.46.156-.696c.096-.719-.02-1.408-.268-2.08a1%201%200%200%200-.077-.162c-.124-.193-.343-.2-.47-.01a1.3%201.3%200%200%200-.128.277c-.238.653-.553%201.26-1.049%201.758a4.6%204.6%200%200%201-.863.678c.057-.23.161-.42.248-.605c.34-.721.513-1.483.619-2.264c.088-.658.102-1.32-.072-1.964c-.317-1.174-1.01-2.022-2.23-2.32c-1.232-.301-2.266.07-3.093%201.026c-.227.262-.436.541-.663.804c-.377.44-.842.758-1.382.97c-.163.065-.328.058-.494.06c-.144%200-.29.001-.425.057c-.411.168-.503.68-.172%201.03c.316.334.732.465%201.176.536c.54.088%201.041-.087%201.55-.216c.48-.123.96-.253%201.439-.38c.086-.022.197-.062.25.008c.047.062-.023.158-.062.231c-.117.218-.301.369-.502.504c-.511.344-1.056.639-1.535%201.031c-.914.751-1.528%201.684-1.673%202.877c-.169%201.384.26%202.593%201.173%203.627c.6.68%201.332%201.196%202.202%201.467c1.677.523%203.243.282%204.656-.784c1.448-1.092%202.2-2.583%202.438-4.356a3.5%203.5%200%200%200%20.016-.934c-.051-.381-.274-.478-.585-.255q-.065.046-.134.088c-.008.005-.021-.001-.046-.004Z%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%22%23ff5252%22%20d%3D%22M12.564%208.49c.06-.232.124-.46.156-.696c.096-.719-.02-1.408-.268-2.08a1%201%200%200%200-.077-.162c-.124-.193-.343-.2-.47-.01a1.3%201.3%200%200%200-.128.277c-.238.653-.553%201.26-1.049%201.758a4.6%204.6%200%200%201-.863.678c.057-.23.161-.42.248-.605c.34-.721.513-1.483.619-2.264c.088-.658.102-1.32-.072-1.964c-.317-1.174-1.01-2.022-2.23-2.32c-1.232-.301-2.266.07-3.093%201.026c-.227.262-.436.541-.663.804c-.377.44-.842.758-1.382.97c-.163.065-.328.058-.494.06c-.144%200-.29.001-.425.057c-.411.168-.503.68-.172%201.03c.316.334.732.465%201.176.536c.54.088%201.041-.087%201.55-.216c.48-.123.96-.253%201.439-.38c.086-.022.197-.062.25.008c.047.062-.023.158-.062.231c-.117.218-.301.369-.502.504c-.511.344-1.056.639-1.535%201.031c-.914.751-1.528%201.684-1.673%202.877c-.169%201.384.26%202.593%201.173%203.627c.6.68%201.332%201.196%202.202%201.467c1.677.523%203.243.282%204.656-.784c1.448-1.092%202.2-2.583%202.438-4.356a3.5%203.5%200%200%200%20.016-.934c-.051-.381-.274-.478-.585-.255q-.065.046-.134.088c-.008.005-.021-.001-.046-.004Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/duc.svg?color=%231a73e8&size=48
