carbon logo
carbon from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- carbon
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the carbon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M53.316 127.094c-13.828-2.641-24.859-8.398-34.437-17.973C-1.914 88.328-5.875 56.875 9.074 31.309C17.551 16.813 31.715 6.371 49.047 1.836c8.141-2.129 21.766-2.129 29.906 0c14.188 3.711 25.898 11.066 34.387 21.586c6.461 8.02 10.141 15.367 12.824 25.625c2.129 8.141 2.129 21.766 0 29.906c-6.277 24.004-23.273 41.016-47.125 47.18c-6.629 1.715-19.293 2.188-25.723.961m22.191-24.953c4.637-1.891 8.102-4.883 11.227-9.691c2.133-3.285 4.145-8.914 4.145-11.605c0-1.41-.219-1.484-4.492-1.484c-4.996 0-4.973-.02-6.383 5.574c-.922 3.66-4.203 7.77-7.684 9.625c-2.488 1.328-3.582 1.508-8.047 1.328c-4.32-.172-5.594-.488-7.746-1.91c-3.113-2.062-6.289-6.687-7.605-11.066c-2.383-7.949-2.66-26.223-.539-35.535c2.184-9.574 8.395-15.359 16.504-15.371c7.852-.012 13.488 4.969 15.754 13.918l.688 2.719h9.727l-.41-2.996c-.227-1.648-1.316-4.961-2.422-7.355c-6.055-13.141-21.758-18.172-35.551-11.391c-6.379 3.137-11.187 9.598-14.059 18.895c-1.73 5.609-1.73 30.805 0 36.414c2.621 8.496 7.402 15.402 12.887 18.613c6.652 3.898 16.371 4.434 24.008 1.32zm0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconCarbon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M53.316 127.094c-13.828-2.641-24.859-8.398-34.437-17.973C-1.914 88.328-5.875 56.875 9.074 31.309C17.551 16.813 31.715 6.371 49.047 1.836c8.141-2.129 21.766-2.129 29.906 0c14.188 3.711 25.898 11.066 34.387 21.586c6.461 8.02 10.141 15.367 12.824 25.625c2.129 8.141 2.129 21.766 0 29.906c-6.277 24.004-23.273 41.016-47.125 47.18c-6.629 1.715-19.293 2.188-25.723.961m22.191-24.953c4.637-1.891 8.102-4.883 11.227-9.691c2.133-3.285 4.145-8.914 4.145-11.605c0-1.41-.219-1.484-4.492-1.484c-4.996 0-4.973-.02-6.383 5.574c-.922 3.66-4.203 7.77-7.684 9.625c-2.488 1.328-3.582 1.508-8.047 1.328c-4.32-.172-5.594-.488-7.746-1.91c-3.113-2.062-6.289-6.687-7.605-11.066c-2.383-7.949-2.66-26.223-.539-35.535c2.184-9.574 8.395-15.359 16.504-15.371c7.852-.012 13.488 4.969 15.754 13.918l.688 2.719h9.727l-.41-2.996c-.227-1.648-1.316-4.961-2.422-7.355c-6.055-13.141-21.758-18.172-35.551-11.391c-6.379 3.137-11.187 9.598-14.059 18.895c-1.73 5.609-1.73 30.805 0 36.414c2.621 8.496 7.402 15.402 12.887 18.613c6.652 3.898 16.371 4.434 24.008 1.32zm0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M53.316 127.094c-13.828-2.641-24.859-8.398-34.437-17.973C-1.914 88.328-5.875 56.875 9.074 31.309C17.551 16.813 31.715 6.371 49.047 1.836c8.141-2.129 21.766-2.129 29.906 0c14.188 3.711 25.898 11.066 34.387 21.586c6.461 8.02 10.141 15.367 12.824 25.625c2.129 8.141 2.129 21.766 0 29.906c-6.277 24.004-23.273 41.016-47.125 47.18c-6.629 1.715-19.293 2.188-25.723.961m22.191-24.953c4.637-1.891 8.102-4.883 11.227-9.691c2.133-3.285 4.145-8.914 4.145-11.605c0-1.41-.219-1.484-4.492-1.484c-4.996 0-4.973-.02-6.383 5.574c-.922 3.66-4.203 7.77-7.684 9.625c-2.488 1.328-3.582 1.508-8.047 1.328c-4.32-.172-5.594-.488-7.746-1.91c-3.113-2.062-6.289-6.687-7.605-11.066c-2.383-7.949-2.66-26.223-.539-35.535c2.184-9.574 8.395-15.359 16.504-15.371c7.852-.012 13.488 4.969 15.754 13.918l.688 2.719h9.727l-.41-2.996c-.227-1.648-1.316-4.961-2.422-7.355c-6.055-13.141-21.758-18.172-35.551-11.391c-6.379 3.137-11.187 9.598-14.059 18.895c-1.73 5.609-1.73 30.805 0 36.414c2.621 8.496 7.402 15.402 12.887 18.613c6.652 3.898 16.371 4.434 24.008 1.32zm0 0"/></svg> </template>
CSS
.icon-carbon {
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%20128%20128%22%3E%3Cpath%20d%3D%22M53.316%20127.094c-13.828-2.641-24.859-8.398-34.437-17.973C-1.914%2088.328-5.875%2056.875%209.074%2031.309C17.551%2016.813%2031.715%206.371%2049.047%201.836c8.141-2.129%2021.766-2.129%2029.906%200c14.188%203.711%2025.898%2011.066%2034.387%2021.586c6.461%208.02%2010.141%2015.367%2012.824%2025.625c2.129%208.141%202.129%2021.766%200%2029.906c-6.277%2024.004-23.273%2041.016-47.125%2047.18c-6.629%201.715-19.293%202.188-25.723.961m22.191-24.953c4.637-1.891%208.102-4.883%2011.227-9.691c2.133-3.285%204.145-8.914%204.145-11.605c0-1.41-.219-1.484-4.492-1.484c-4.996%200-4.973-.02-6.383%205.574c-.922%203.66-4.203%207.77-7.684%209.625c-2.488%201.328-3.582%201.508-8.047%201.328c-4.32-.172-5.594-.488-7.746-1.91c-3.113-2.062-6.289-6.687-7.605-11.066c-2.383-7.949-2.66-26.223-.539-35.535c2.184-9.574%208.395-15.359%2016.504-15.371c7.852-.012%2013.488%204.969%2015.754%2013.918l.688%202.719h9.727l-.41-2.996c-.227-1.648-1.316-4.961-2.422-7.355c-6.055-13.141-21.758-18.172-35.551-11.391c-6.379%203.137-11.187%209.598-14.059%2018.895c-1.73%205.609-1.73%2030.805%200%2036.414c2.621%208.496%207.402%2015.402%2012.887%2018.613c6.652%203.898%2016.371%204.434%2024.008%201.32zm0%200%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%20128%20128%22%3E%3Cpath%20d%3D%22M53.316%20127.094c-13.828-2.641-24.859-8.398-34.437-17.973C-1.914%2088.328-5.875%2056.875%209.074%2031.309C17.551%2016.813%2031.715%206.371%2049.047%201.836c8.141-2.129%2021.766-2.129%2029.906%200c14.188%203.711%2025.898%2011.066%2034.387%2021.586c6.461%208.02%2010.141%2015.367%2012.824%2025.625c2.129%208.141%202.129%2021.766%200%2029.906c-6.277%2024.004-23.273%2041.016-47.125%2047.18c-6.629%201.715-19.293%202.188-25.723.961m22.191-24.953c4.637-1.891%208.102-4.883%2011.227-9.691c2.133-3.285%204.145-8.914%204.145-11.605c0-1.41-.219-1.484-4.492-1.484c-4.996%200-4.973-.02-6.383%205.574c-.922%203.66-4.203%207.77-7.684%209.625c-2.488%201.328-3.582%201.508-8.047%201.328c-4.32-.172-5.594-.488-7.746-1.91c-3.113-2.062-6.289-6.687-7.605-11.066c-2.383-7.949-2.66-26.223-.539-35.535c2.184-9.574%208.395-15.359%2016.504-15.371c7.852-.012%2013.488%204.969%2015.754%2013.918l.688%202.719h9.727l-.41-2.996c-.227-1.648-1.316-4.961-2.422-7.355c-6.055-13.141-21.758-18.172-35.551-11.391c-6.379%203.137-11.187%209.598-14.059%2018.895c-1.73%205.609-1.73%2030.805%200%2036.414c2.621%208.496%207.402%2015.402%2012.887%2018.613c6.652%203.898%2016.371%204.434%2024.008%201.32zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/carbon.svg?color=%231a73e8&size=48