dev to logo
dev-to from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- dev-to
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the dev to logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.896 13.401c-.245-.213-.615-.308-1.125-.308H8l.027 3.256l.052 3.265l.749-.027c.547 0 .839-.093 1.104-.348c.323-.319.349-.48.349-2.933c0-2.547-.027-2.613-.385-2.905M0 6.588v18.824h32V6.588zm11.412 13.813c-.584.771-1.412 1.025-3.371 1.025h-1.76V11.374h1.864c2.229 0 2.881.24 3.469 1.199c.359.572.385.801.427 3.427c.063 2.973-.025 3.64-.629 4.401m6.785-7.297h-3.291v2.365h2.025v1.703l-.959.057l-1 .036v2.36l1.625.041l1.599.052v1.708h-2.129c-2.041 0-2.136-.015-2.495-.4l-.401-.376v-4.213c0-4.025.016-4.24.333-4.635c.307-.417.333-.417 2.511-.417h2.181v1.735zm6.24 7.271c-.224.573-.849 1.052-1.333 1.052c-.24 0-.599-.197-.891-.52c-.427-.428-.599-.839-1.093-2.771l-1.199-4.521l-.604-2.229h1.016c.531 0 1 .027 1 .068c0 .077 1.547 6.052 1.683 6.443c.052.197.421-.937.968-3.068l.88-3.359l.991-.057c.531-.027.973 0 .973.057c0 .181-2.229 8.504-2.401 8.905z"/></svg>
React
import type { SVGProps } from "react";
export function CibDevTo(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="M9.896 13.401c-.245-.213-.615-.308-1.125-.308H8l.027 3.256l.052 3.265l.749-.027c.547 0 .839-.093 1.104-.348c.323-.319.349-.48.349-2.933c0-2.547-.027-2.613-.385-2.905M0 6.588v18.824h32V6.588zm11.412 13.813c-.584.771-1.412 1.025-3.371 1.025h-1.76V11.374h1.864c2.229 0 2.881.24 3.469 1.199c.359.572.385.801.427 3.427c.063 2.973-.025 3.64-.629 4.401m6.785-7.297h-3.291v2.365h2.025v1.703l-.959.057l-1 .036v2.36l1.625.041l1.599.052v1.708h-2.129c-2.041 0-2.136-.015-2.495-.4l-.401-.376v-4.213c0-4.025.016-4.24.333-4.635c.307-.417.333-.417 2.511-.417h2.181v1.735zm6.24 7.271c-.224.573-.849 1.052-1.333 1.052c-.24 0-.599-.197-.891-.52c-.427-.428-.599-.839-1.093-2.771l-1.199-4.521l-.604-2.229h1.016c.531 0 1 .027 1 .068c0 .077 1.547 6.052 1.683 6.443c.052.197.421-.937.968-3.068l.88-3.359l.991-.057c.531-.027.973 0 .973.057c0 .181-2.229 8.504-2.401 8.905z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.896 13.401c-.245-.213-.615-.308-1.125-.308H8l.027 3.256l.052 3.265l.749-.027c.547 0 .839-.093 1.104-.348c.323-.319.349-.48.349-2.933c0-2.547-.027-2.613-.385-2.905M0 6.588v18.824h32V6.588zm11.412 13.813c-.584.771-1.412 1.025-3.371 1.025h-1.76V11.374h1.864c2.229 0 2.881.24 3.469 1.199c.359.572.385.801.427 3.427c.063 2.973-.025 3.64-.629 4.401m6.785-7.297h-3.291v2.365h2.025v1.703l-.959.057l-1 .036v2.36l1.625.041l1.599.052v1.708h-2.129c-2.041 0-2.136-.015-2.495-.4l-.401-.376v-4.213c0-4.025.016-4.24.333-4.635c.307-.417.333-.417 2.511-.417h2.181v1.735zm6.24 7.271c-.224.573-.849 1.052-1.333 1.052c-.24 0-.599-.197-.891-.52c-.427-.428-.599-.839-1.093-2.771l-1.199-4.521l-.604-2.229h1.016c.531 0 1 .027 1 .068c0 .077 1.547 6.052 1.683 6.443c.052.197.421-.937.968-3.068l.88-3.359l.991-.057c.531-.027.973 0 .973.057c0 .181-2.229 8.504-2.401 8.905z"/></svg> </template>
CSS
.icon-dev-to {
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%22M9.896%2013.401c-.245-.213-.615-.308-1.125-.308H8l.027%203.256l.052%203.265l.749-.027c.547%200%20.839-.093%201.104-.348c.323-.319.349-.48.349-2.933c0-2.547-.027-2.613-.385-2.905M0%206.588v18.824h32V6.588zm11.412%2013.813c-.584.771-1.412%201.025-3.371%201.025h-1.76V11.374h1.864c2.229%200%202.881.24%203.469%201.199c.359.572.385.801.427%203.427c.063%202.973-.025%203.64-.629%204.401m6.785-7.297h-3.291v2.365h2.025v1.703l-.959.057l-1%20.036v2.36l1.625.041l1.599.052v1.708h-2.129c-2.041%200-2.136-.015-2.495-.4l-.401-.376v-4.213c0-4.025.016-4.24.333-4.635c.307-.417.333-.417%202.511-.417h2.181v1.735zm6.24%207.271c-.224.573-.849%201.052-1.333%201.052c-.24%200-.599-.197-.891-.52c-.427-.428-.599-.839-1.093-2.771l-1.199-4.521l-.604-2.229h1.016c.531%200%201%20.027%201%20.068c0%20.077%201.547%206.052%201.683%206.443c.052.197.421-.937.968-3.068l.88-3.359l.991-.057c.531-.027.973%200%20.973.057c0%20.181-2.229%208.504-2.401%208.905z%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%22M9.896%2013.401c-.245-.213-.615-.308-1.125-.308H8l.027%203.256l.052%203.265l.749-.027c.547%200%20.839-.093%201.104-.348c.323-.319.349-.48.349-2.933c0-2.547-.027-2.613-.385-2.905M0%206.588v18.824h32V6.588zm11.412%2013.813c-.584.771-1.412%201.025-3.371%201.025h-1.76V11.374h1.864c2.229%200%202.881.24%203.469%201.199c.359.572.385.801.427%203.427c.063%202.973-.025%203.64-.629%204.401m6.785-7.297h-3.291v2.365h2.025v1.703l-.959.057l-1%20.036v2.36l1.625.041l1.599.052v1.708h-2.129c-2.041%200-2.136-.015-2.495-.4l-.401-.376v-4.213c0-4.025.016-4.24.333-4.635c.307-.417.333-.417%202.511-.417h2.181v1.735zm6.24%207.271c-.224.573-.849%201.052-1.333%201.052c-.24%200-.599-.197-.891-.52c-.427-.428-.599-.839-1.093-2.771l-1.199-4.521l-.604-2.229h1.016c.531%200%201%20.027%201%20.068c0%20.077%201.547%206.052%201.683%206.443c.052.197.421-.937.968-3.068l.88-3.359l.991-.057c.531-.027.973%200%20.973.057c0%20.181-2.229%208.504-2.401%208.905z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/dev-to.svg?color=%231a73e8&size=48
