fusion logo

fusion from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
fusion
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

Use the fusion logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#953a05" d="M23.188.019L114.438 20h9.874v108h-103.5a6.5 6.5 0 0 1-6.5-6.5V94.287L22.996.3Z"/><path fill="#ff6a00" d="M23.188 0h85.75a6.5 6.5 0 0 1 6.5 6.5V90h-92.25z"/><path fill="#ff9548" d="M23.188 90V0l-19.5 11.75v90z"/><path fill="#fff" d="M64.85 28.37v12.42h17.105v9.22H64.85v21.046H51.837V19h33.241v9.37zm-12.847 74.162v4.312h5.938v3.202h-5.938v7.307h-4.52V99.278h11.543v3.254zm23.936 14.821h-3.951l-.232-1.291c-1.939 1.79-4.981 2.207-7.366 1.134c-1.97-.886-3.124-3.232-3.127-5.142l-.017-12.776h4.52c.005 4.253-.02 8.506.009 12.758c.006.998.524 2.095 1.573 2.364c1.442.37 3.094-.03 4.072-1.179V99.278h4.519zm10.509.413c-2.29 0-4.096-.507-5.397-1.55c-1.298-1.04-1.997-2.556-2.117-4.518h4.26c.252 2.224 1.11 2.738 3.254 2.789c1.83.043 2.633-.778 2.633-1.756v-.542c0-.917-.456-1.342-1.161-1.653c-.458-.202-1.079-.423-1.989-.723l-2.504-.826c-2.557-.844-3.9-2.09-3.9-4.545v-.645c0-.844.233-1.641.724-2.376c1.337-2.002 4.067-2.556 6.223-2.556q3.123 0 5.009 1.42q1.885 1.42 1.988 4.132h-4.157c-.24-1.69-1.063-2.47-2.815-2.48c-.895-.004-1.532.156-1.91.465s-.568.698-.568 1.162v.362c0 .43.181.81.568 1.11c.388.303 1.123.589 2.169.93l2.453.8c2.967.968 4.39 2.353 4.39 4.932v.775a4.58 4.58 0 0 1-.853 2.71c-1.351 1.892-3.892 2.583-6.3 2.583"/></svg>

React

import type { SVGProps } from "react";

export function DeviconFusion(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#953a05" d="M23.188.019L114.438 20h9.874v108h-103.5a6.5 6.5 0 0 1-6.5-6.5V94.287L22.996.3Z"/><path fill="#ff6a00" d="M23.188 0h85.75a6.5 6.5 0 0 1 6.5 6.5V90h-92.25z"/><path fill="#ff9548" d="M23.188 90V0l-19.5 11.75v90z"/><path fill="#fff" d="M64.85 28.37v12.42h17.105v9.22H64.85v21.046H51.837V19h33.241v9.37zm-12.847 74.162v4.312h5.938v3.202h-5.938v7.307h-4.52V99.278h11.543v3.254zm23.936 14.821h-3.951l-.232-1.291c-1.939 1.79-4.981 2.207-7.366 1.134c-1.97-.886-3.124-3.232-3.127-5.142l-.017-12.776h4.52c.005 4.253-.02 8.506.009 12.758c.006.998.524 2.095 1.573 2.364c1.442.37 3.094-.03 4.072-1.179V99.278h4.519zm10.509.413c-2.29 0-4.096-.507-5.397-1.55c-1.298-1.04-1.997-2.556-2.117-4.518h4.26c.252 2.224 1.11 2.738 3.254 2.789c1.83.043 2.633-.778 2.633-1.756v-.542c0-.917-.456-1.342-1.161-1.653c-.458-.202-1.079-.423-1.989-.723l-2.504-.826c-2.557-.844-3.9-2.09-3.9-4.545v-.645c0-.844.233-1.641.724-2.376c1.337-2.002 4.067-2.556 6.223-2.556q3.123 0 5.009 1.42q1.885 1.42 1.988 4.132h-4.157c-.24-1.69-1.063-2.47-2.815-2.48c-.895-.004-1.532.156-1.91.465s-.568.698-.568 1.162v.362c0 .43.181.81.568 1.11c.388.303 1.123.589 2.169.93l2.453.8c2.967.968 4.39 2.353 4.39 4.932v.775a4.58 4.58 0 0 1-.853 2.71c-1.351 1.892-3.892 2.583-6.3 2.583"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#953a05" d="M23.188.019L114.438 20h9.874v108h-103.5a6.5 6.5 0 0 1-6.5-6.5V94.287L22.996.3Z"/><path fill="#ff6a00" d="M23.188 0h85.75a6.5 6.5 0 0 1 6.5 6.5V90h-92.25z"/><path fill="#ff9548" d="M23.188 90V0l-19.5 11.75v90z"/><path fill="#fff" d="M64.85 28.37v12.42h17.105v9.22H64.85v21.046H51.837V19h33.241v9.37zm-12.847 74.162v4.312h5.938v3.202h-5.938v7.307h-4.52V99.278h11.543v3.254zm23.936 14.821h-3.951l-.232-1.291c-1.939 1.79-4.981 2.207-7.366 1.134c-1.97-.886-3.124-3.232-3.127-5.142l-.017-12.776h4.52c.005 4.253-.02 8.506.009 12.758c.006.998.524 2.095 1.573 2.364c1.442.37 3.094-.03 4.072-1.179V99.278h4.519zm10.509.413c-2.29 0-4.096-.507-5.397-1.55c-1.298-1.04-1.997-2.556-2.117-4.518h4.26c.252 2.224 1.11 2.738 3.254 2.789c1.83.043 2.633-.778 2.633-1.756v-.542c0-.917-.456-1.342-1.161-1.653c-.458-.202-1.079-.423-1.989-.723l-2.504-.826c-2.557-.844-3.9-2.09-3.9-4.545v-.645c0-.844.233-1.641.724-2.376c1.337-2.002 4.067-2.556 6.223-2.556q3.123 0 5.009 1.42q1.885 1.42 1.988 4.132h-4.157c-.24-1.69-1.063-2.47-2.815-2.48c-.895-.004-1.532.156-1.91.465s-.568.698-.568 1.162v.362c0 .43.181.81.568 1.11c.388.303 1.123.589 2.169.93l2.453.8c2.967.968 4.39 2.353 4.39 4.932v.775a4.58 4.58 0 0 1-.853 2.71c-1.351 1.892-3.892 2.583-6.3 2.583"/></svg>
</template>

CSS

.icon-fusion {
  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%20fill%3D%22%23953a05%22%20d%3D%22M23.188.019L114.438%2020h9.874v108h-103.5a6.5%206.5%200%200%201-6.5-6.5V94.287L22.996.3Z%22%2F%3E%3Cpath%20fill%3D%22%23ff6a00%22%20d%3D%22M23.188%200h85.75a6.5%206.5%200%200%201%206.5%206.5V90h-92.25z%22%2F%3E%3Cpath%20fill%3D%22%23ff9548%22%20d%3D%22M23.188%2090V0l-19.5%2011.75v90z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64.85%2028.37v12.42h17.105v9.22H64.85v21.046H51.837V19h33.241v9.37zm-12.847%2074.162v4.312h5.938v3.202h-5.938v7.307h-4.52V99.278h11.543v3.254zm23.936%2014.821h-3.951l-.232-1.291c-1.939%201.79-4.981%202.207-7.366%201.134c-1.97-.886-3.124-3.232-3.127-5.142l-.017-12.776h4.52c.005%204.253-.02%208.506.009%2012.758c.006.998.524%202.095%201.573%202.364c1.442.37%203.094-.03%204.072-1.179V99.278h4.519zm10.509.413c-2.29%200-4.096-.507-5.397-1.55c-1.298-1.04-1.997-2.556-2.117-4.518h4.26c.252%202.224%201.11%202.738%203.254%202.789c1.83.043%202.633-.778%202.633-1.756v-.542c0-.917-.456-1.342-1.161-1.653c-.458-.202-1.079-.423-1.989-.723l-2.504-.826c-2.557-.844-3.9-2.09-3.9-4.545v-.645c0-.844.233-1.641.724-2.376c1.337-2.002%204.067-2.556%206.223-2.556q3.123%200%205.009%201.42q1.885%201.42%201.988%204.132h-4.157c-.24-1.69-1.063-2.47-2.815-2.48c-.895-.004-1.532.156-1.91.465s-.568.698-.568%201.162v.362c0%20.43.181.81.568%201.11c.388.303%201.123.589%202.169.93l2.453.8c2.967.968%204.39%202.353%204.39%204.932v.775a4.58%204.58%200%200%201-.853%202.71c-1.351%201.892-3.892%202.583-6.3%202.583%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%20fill%3D%22%23953a05%22%20d%3D%22M23.188.019L114.438%2020h9.874v108h-103.5a6.5%206.5%200%200%201-6.5-6.5V94.287L22.996.3Z%22%2F%3E%3Cpath%20fill%3D%22%23ff6a00%22%20d%3D%22M23.188%200h85.75a6.5%206.5%200%200%201%206.5%206.5V90h-92.25z%22%2F%3E%3Cpath%20fill%3D%22%23ff9548%22%20d%3D%22M23.188%2090V0l-19.5%2011.75v90z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64.85%2028.37v12.42h17.105v9.22H64.85v21.046H51.837V19h33.241v9.37zm-12.847%2074.162v4.312h5.938v3.202h-5.938v7.307h-4.52V99.278h11.543v3.254zm23.936%2014.821h-3.951l-.232-1.291c-1.939%201.79-4.981%202.207-7.366%201.134c-1.97-.886-3.124-3.232-3.127-5.142l-.017-12.776h4.52c.005%204.253-.02%208.506.009%2012.758c.006.998.524%202.095%201.573%202.364c1.442.37%203.094-.03%204.072-1.179V99.278h4.519zm10.509.413c-2.29%200-4.096-.507-5.397-1.55c-1.298-1.04-1.997-2.556-2.117-4.518h4.26c.252%202.224%201.11%202.738%203.254%202.789c1.83.043%202.633-.778%202.633-1.756v-.542c0-.917-.456-1.342-1.161-1.653c-.458-.202-1.079-.423-1.989-.723l-2.504-.826c-2.557-.844-3.9-2.09-3.9-4.545v-.645c0-.844.233-1.641.724-2.376c1.337-2.002%204.067-2.556%206.223-2.556q3.123%200%205.009%201.42q1.885%201.42%201.988%204.132h-4.157c-.24-1.69-1.063-2.47-2.815-2.48c-.895-.004-1.532.156-1.91.465s-.568.698-.568%201.162v.362c0%20.43.181.81.568%201.11c.388.303%201.123.589%202.169.93l2.453.8c2.967.968%204.39%202.353%204.39%204.932v.775a4.58%204.58%200%200%201-.853%202.71c-1.351%201.892-3.892%202.583-6.3%202.583%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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