nuclide logo

nuclide from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
nuclide
Set
SVG Logos
Style
Color
Viewbox
256×308
License
CC0

Use the nuclide logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 308"><path fill="#7d4f8f" d="M235.734 269.653c-13.904 13.905-48.045 4.005-87.062-22.24l64.99-64.57c26.113 38.908 35.945 72.937 22.072 86.81M34.924 128.987c-19.995-33.53-26.45-61.888-14.098-74.24c12.41-12.41 40.946-5.85 74.672 14.356zm189.879 42.787l18.762-18.64V0l-91.368 90.753a376 376 0 0 0-5.545-4.59l18.762-18.492L165.398 0l-58.806 58.135C64.664 33.522 27.224 26.73 9.762 44.193C-7.625 61.577-.994 98.731 23.348 140.43L9.712 153.911v153.142l71.743-71.18l-.097-85.356l53.85-53.074a392 392 0 0 1 5.558 4.664L88.612 153.91l-.006 153.18l48.391-48.078c46.832 30.785 90.077 40.837 109.249 21.665c19.124-19.124 9.161-62.205-21.443-108.904"/><path fill="#3f2a70" d="M9.67 154.304v153.534l71.926-71.363l-.097-85.573l84.271-83.058L165.754 0z"/><path fill="#5a2a79" d="m88.256 307.886l.006-153.577L243.616 0v153.53z"/><path fill="#7d4f8f" d="M136.995 258.884c46.833 30.785 90.077 40.837 109.249 21.665c27.021-27.021-4.013-101.864-69.316-167.167S36.782 17.045 9.761 44.066C-7.624 61.45-.993 98.603 23.35 140.301l11.575-11.442c-19.995-33.53-26.45-61.887-14.098-74.24c20.55-20.549 85.316 10.901 144.66 70.246c59.345 59.344 90.795 124.11 70.246 144.659c-13.904 13.905-48.045 4.005-87.06-22.24z"/></svg>

React

import type { SVGProps } from "react";

export function LogosNuclide(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 308"><path fill="#7d4f8f" d="M235.734 269.653c-13.904 13.905-48.045 4.005-87.062-22.24l64.99-64.57c26.113 38.908 35.945 72.937 22.072 86.81M34.924 128.987c-19.995-33.53-26.45-61.888-14.098-74.24c12.41-12.41 40.946-5.85 74.672 14.356zm189.879 42.787l18.762-18.64V0l-91.368 90.753a376 376 0 0 0-5.545-4.59l18.762-18.492L165.398 0l-58.806 58.135C64.664 33.522 27.224 26.73 9.762 44.193C-7.625 61.577-.994 98.731 23.348 140.43L9.712 153.911v153.142l71.743-71.18l-.097-85.356l53.85-53.074a392 392 0 0 1 5.558 4.664L88.612 153.91l-.006 153.18l48.391-48.078c46.832 30.785 90.077 40.837 109.249 21.665c19.124-19.124 9.161-62.205-21.443-108.904"/><path fill="#3f2a70" d="M9.67 154.304v153.534l71.926-71.363l-.097-85.573l84.271-83.058L165.754 0z"/><path fill="#5a2a79" d="m88.256 307.886l.006-153.577L243.616 0v153.53z"/><path fill="#7d4f8f" d="M136.995 258.884c46.833 30.785 90.077 40.837 109.249 21.665c27.021-27.021-4.013-101.864-69.316-167.167S36.782 17.045 9.761 44.066C-7.624 61.45-.993 98.603 23.35 140.301l11.575-11.442c-19.995-33.53-26.45-61.887-14.098-74.24c20.55-20.549 85.316 10.901 144.66 70.246c59.345 59.344 90.795 124.11 70.246 144.659c-13.904 13.905-48.045 4.005-87.06-22.24z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 308"><path fill="#7d4f8f" d="M235.734 269.653c-13.904 13.905-48.045 4.005-87.062-22.24l64.99-64.57c26.113 38.908 35.945 72.937 22.072 86.81M34.924 128.987c-19.995-33.53-26.45-61.888-14.098-74.24c12.41-12.41 40.946-5.85 74.672 14.356zm189.879 42.787l18.762-18.64V0l-91.368 90.753a376 376 0 0 0-5.545-4.59l18.762-18.492L165.398 0l-58.806 58.135C64.664 33.522 27.224 26.73 9.762 44.193C-7.625 61.577-.994 98.731 23.348 140.43L9.712 153.911v153.142l71.743-71.18l-.097-85.356l53.85-53.074a392 392 0 0 1 5.558 4.664L88.612 153.91l-.006 153.18l48.391-48.078c46.832 30.785 90.077 40.837 109.249 21.665c19.124-19.124 9.161-62.205-21.443-108.904"/><path fill="#3f2a70" d="M9.67 154.304v153.534l71.926-71.363l-.097-85.573l84.271-83.058L165.754 0z"/><path fill="#5a2a79" d="m88.256 307.886l.006-153.577L243.616 0v153.53z"/><path fill="#7d4f8f" d="M136.995 258.884c46.833 30.785 90.077 40.837 109.249 21.665c27.021-27.021-4.013-101.864-69.316-167.167S36.782 17.045 9.761 44.066C-7.624 61.45-.993 98.603 23.35 140.301l11.575-11.442c-19.995-33.53-26.45-61.887-14.098-74.24c20.55-20.549 85.316 10.901 144.66 70.246c59.345 59.344 90.795 124.11 70.246 144.659c-13.904 13.905-48.045 4.005-87.06-22.24z"/></svg>
</template>

CSS

.icon-nuclide {
  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%20256%20308%22%3E%3Cpath%20fill%3D%22%237d4f8f%22%20d%3D%22M235.734%20269.653c-13.904%2013.905-48.045%204.005-87.062-22.24l64.99-64.57c26.113%2038.908%2035.945%2072.937%2022.072%2086.81M34.924%20128.987c-19.995-33.53-26.45-61.888-14.098-74.24c12.41-12.41%2040.946-5.85%2074.672%2014.356zm189.879%2042.787l18.762-18.64V0l-91.368%2090.753a376%20376%200%200%200-5.545-4.59l18.762-18.492L165.398%200l-58.806%2058.135C64.664%2033.522%2027.224%2026.73%209.762%2044.193C-7.625%2061.577-.994%2098.731%2023.348%20140.43L9.712%20153.911v153.142l71.743-71.18l-.097-85.356l53.85-53.074a392%20392%200%200%201%205.558%204.664L88.612%20153.91l-.006%20153.18l48.391-48.078c46.832%2030.785%2090.077%2040.837%20109.249%2021.665c19.124-19.124%209.161-62.205-21.443-108.904%22%2F%3E%3Cpath%20fill%3D%22%233f2a70%22%20d%3D%22M9.67%20154.304v153.534l71.926-71.363l-.097-85.573l84.271-83.058L165.754%200z%22%2F%3E%3Cpath%20fill%3D%22%235a2a79%22%20d%3D%22m88.256%20307.886l.006-153.577L243.616%200v153.53z%22%2F%3E%3Cpath%20fill%3D%22%237d4f8f%22%20d%3D%22M136.995%20258.884c46.833%2030.785%2090.077%2040.837%20109.249%2021.665c27.021-27.021-4.013-101.864-69.316-167.167S36.782%2017.045%209.761%2044.066C-7.624%2061.45-.993%2098.603%2023.35%20140.301l11.575-11.442c-19.995-33.53-26.45-61.887-14.098-74.24c20.55-20.549%2085.316%2010.901%20144.66%2070.246c59.345%2059.344%2090.795%20124.11%2070.246%20144.659c-13.904%2013.905-48.045%204.005-87.06-22.24z%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%20256%20308%22%3E%3Cpath%20fill%3D%22%237d4f8f%22%20d%3D%22M235.734%20269.653c-13.904%2013.905-48.045%204.005-87.062-22.24l64.99-64.57c26.113%2038.908%2035.945%2072.937%2022.072%2086.81M34.924%20128.987c-19.995-33.53-26.45-61.888-14.098-74.24c12.41-12.41%2040.946-5.85%2074.672%2014.356zm189.879%2042.787l18.762-18.64V0l-91.368%2090.753a376%20376%200%200%200-5.545-4.59l18.762-18.492L165.398%200l-58.806%2058.135C64.664%2033.522%2027.224%2026.73%209.762%2044.193C-7.625%2061.577-.994%2098.731%2023.348%20140.43L9.712%20153.911v153.142l71.743-71.18l-.097-85.356l53.85-53.074a392%20392%200%200%201%205.558%204.664L88.612%20153.91l-.006%20153.18l48.391-48.078c46.832%2030.785%2090.077%2040.837%20109.249%2021.665c19.124-19.124%209.161-62.205-21.443-108.904%22%2F%3E%3Cpath%20fill%3D%22%233f2a70%22%20d%3D%22M9.67%20154.304v153.534l71.926-71.363l-.097-85.573l84.271-83.058L165.754%200z%22%2F%3E%3Cpath%20fill%3D%22%235a2a79%22%20d%3D%22m88.256%20307.886l.006-153.577L243.616%200v153.53z%22%2F%3E%3Cpath%20fill%3D%22%237d4f8f%22%20d%3D%22M136.995%20258.884c46.833%2030.785%2090.077%2040.837%20109.249%2021.665c27.021-27.021-4.013-101.864-69.316-167.167S36.782%2017.045%209.761%2044.066C-7.624%2061.45-.993%2098.603%2023.35%20140.301l11.575-11.442c-19.995-33.53-26.45-61.887-14.098-74.24c20.55-20.549%2085.316%2010.901%20144.66%2070.246c59.345%2059.344%2090.795%20124.11%2070.246%20144.659c-13.904%2013.905-48.045%204.005-87.06-22.24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/nuclide.svg?color=%231a73e8&size=48