moltin icon logo
moltin-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- moltin-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×291
- License
- CC0
Use the moltin icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 291"><defs><linearGradient id="svgIDa" x1="38.079%" x2="53.243%" y1="8.528%" y2="60.768%"><stop offset="1.093%" stop-color="#E67417"/><stop offset="99.952%" stop-color="#E62F17"/></linearGradient><linearGradient id="svgIDb" x1="49.997%" x2="49.997%" y1=".659%" y2="97.276%"><stop offset="0%" stop-color="#F2BB30"/><stop offset="30.905%" stop-color="#E67417"/><stop offset="100%" stop-color="#E62F17"/></linearGradient><linearGradient id="svgIDc" x1="41.259%" x2="55.319%" y1="84.788%" y2="36.662%"><stop offset="0%" stop-color="#FFF"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient></defs><path fill="#FFF" d="M247.128 71.953L132.111 5.55a8.236 8.236 0 0 0-8.222 0L8.872 71.953a8.228 8.228 0 0 0-4.11 7.124v132.808a8.222 8.222 0 0 0 4.11 7.12l115.017 66.405a8.236 8.236 0 0 0 8.222 0l115.017-66.404a8.222 8.222 0 0 0 4.11-7.12V79.075a8.228 8.228 0 0 0-4.11-7.123Z"/><path fill="#999" d="M248.5 67.245L135.505 2.008a15.03 15.03 0 0 0-15.009 0L7.505 67.24A15.07 15.07 0 0 0 0 80.246v130.467a15.056 15.056 0 0 0 7.506 13l112.989 65.235a15.008 15.008 0 0 0 15.009 0l112.991-65.234a15.057 15.057 0 0 0 7.505-13V80.245a15.066 15.066 0 0 0-7.5-13.001Zm.566 143.468a8.078 8.078 0 0 1-4.038 6.995l-112.99 65.234a8.091 8.091 0 0 1-8.077 0l-112.99-65.234a8.077 8.077 0 0 1-4.037-6.995V80.246a8.083 8.083 0 0 1 4.038-6.998l112.99-65.234a8.091 8.091 0 0 1 8.077 0l112.99 65.234a8.083 8.083 0 0 1 4.037 6.998v130.467Z"/><path fill="url(#svgIDa)" d="M4.602 126.725a9.156 9.156 0 0 1-4.578-7.93V52.734a65.381 65.381 0 0 1 3.298-22.361C7.165 20 14.765 9.853 29.83 3.869c28.865-11.466 57.394 4.037 73.51 27.018c13.534 19.298 21.432 26.97 38.45 39.998c15.068 11.535 62.325 32.282 69.472-9.042v56.953a9.156 9.156 0 0 1-4.578 7.93l-96.462 55.692a9.156 9.156 0 0 1-9.156 0L4.602 126.725Z" transform="translate(22.228 81.62)"/><path fill="url(#svgIDb)" d="m4.602 126.725l96.463 55.693a9.156 9.156 0 0 0 9.156 0l96.462-55.693a9.156 9.156 0 0 0 4.578-7.93V61.844c0-42.185-47.054-45.668-71.304-12.14c-19.221 26.573-27.735 36.088-53.465 45.444c-30.112 10.95-57.14 5.012-72.51-10.024A45.787 45.787 0 0 1 .024 52.733v66.063a9.156 9.156 0 0 0 4.578 7.93Z" transform="translate(22.228 81.62)"/><path fill="url(#svgIDc)" d="M211.261 61.843c0-42.185-47.054-45.668-71.304-12.14c-3.337 4.613-6.347 8.702-9.185 12.376c3.275 2.781 6.874 5.634 11.016 8.806c15.069 11.535 62.326 32.282 69.473-9.042Z" opacity=".3" transform="translate(22.228 81.62)"/></svg>
React
import type { SVGProps } from "react";
export function LogosMoltinIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 291"><defs><linearGradient id="svgIDa" x1="38.079%" x2="53.243%" y1="8.528%" y2="60.768%"><stop offset="1.093%" stopColor="#E67417"/><stop offset="99.952%" stopColor="#E62F17"/></linearGradient><linearGradient id="svgIDb" x1="49.997%" x2="49.997%" y1=".659%" y2="97.276%"><stop offset="0%" stopColor="#F2BB30"/><stop offset="30.905%" stopColor="#E67417"/><stop offset="100%" stopColor="#E62F17"/></linearGradient><linearGradient id="svgIDc" x1="41.259%" x2="55.319%" y1="84.788%" y2="36.662%"><stop offset="0%" stopColor="#FFF"/><stop offset="100%" stopColor="#FFF" stopOpacity="0"/></linearGradient></defs><path fill="#FFF" d="M247.128 71.953L132.111 5.55a8.236 8.236 0 0 0-8.222 0L8.872 71.953a8.228 8.228 0 0 0-4.11 7.124v132.808a8.222 8.222 0 0 0 4.11 7.12l115.017 66.405a8.236 8.236 0 0 0 8.222 0l115.017-66.404a8.222 8.222 0 0 0 4.11-7.12V79.075a8.228 8.228 0 0 0-4.11-7.123Z"/><path fill="#999" d="M248.5 67.245L135.505 2.008a15.03 15.03 0 0 0-15.009 0L7.505 67.24A15.07 15.07 0 0 0 0 80.246v130.467a15.056 15.056 0 0 0 7.506 13l112.989 65.235a15.008 15.008 0 0 0 15.009 0l112.991-65.234a15.057 15.057 0 0 0 7.505-13V80.245a15.066 15.066 0 0 0-7.5-13.001Zm.566 143.468a8.078 8.078 0 0 1-4.038 6.995l-112.99 65.234a8.091 8.091 0 0 1-8.077 0l-112.99-65.234a8.077 8.077 0 0 1-4.037-6.995V80.246a8.083 8.083 0 0 1 4.038-6.998l112.99-65.234a8.091 8.091 0 0 1 8.077 0l112.99 65.234a8.083 8.083 0 0 1 4.037 6.998v130.467Z"/><path fill="url(#svgIDa)" d="M4.602 126.725a9.156 9.156 0 0 1-4.578-7.93V52.734a65.381 65.381 0 0 1 3.298-22.361C7.165 20 14.765 9.853 29.83 3.869c28.865-11.466 57.394 4.037 73.51 27.018c13.534 19.298 21.432 26.97 38.45 39.998c15.068 11.535 62.325 32.282 69.472-9.042v56.953a9.156 9.156 0 0 1-4.578 7.93l-96.462 55.692a9.156 9.156 0 0 1-9.156 0L4.602 126.725Z" transform="translate(22.228 81.62)"/><path fill="url(#svgIDb)" d="m4.602 126.725l96.463 55.693a9.156 9.156 0 0 0 9.156 0l96.462-55.693a9.156 9.156 0 0 0 4.578-7.93V61.844c0-42.185-47.054-45.668-71.304-12.14c-19.221 26.573-27.735 36.088-53.465 45.444c-30.112 10.95-57.14 5.012-72.51-10.024A45.787 45.787 0 0 1 .024 52.733v66.063a9.156 9.156 0 0 0 4.578 7.93Z" transform="translate(22.228 81.62)"/><path fill="url(#svgIDc)" d="M211.261 61.843c0-42.185-47.054-45.668-71.304-12.14c-3.337 4.613-6.347 8.702-9.185 12.376c3.275 2.781 6.874 5.634 11.016 8.806c15.069 11.535 62.326 32.282 69.473-9.042Z" opacity=".3" transform="translate(22.228 81.62)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 291"><defs><linearGradient id="svgIDa" x1="38.079%" x2="53.243%" y1="8.528%" y2="60.768%"><stop offset="1.093%" stop-color="#E67417"/><stop offset="99.952%" stop-color="#E62F17"/></linearGradient><linearGradient id="svgIDb" x1="49.997%" x2="49.997%" y1=".659%" y2="97.276%"><stop offset="0%" stop-color="#F2BB30"/><stop offset="30.905%" stop-color="#E67417"/><stop offset="100%" stop-color="#E62F17"/></linearGradient><linearGradient id="svgIDc" x1="41.259%" x2="55.319%" y1="84.788%" y2="36.662%"><stop offset="0%" stop-color="#FFF"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient></defs><path fill="#FFF" d="M247.128 71.953L132.111 5.55a8.236 8.236 0 0 0-8.222 0L8.872 71.953a8.228 8.228 0 0 0-4.11 7.124v132.808a8.222 8.222 0 0 0 4.11 7.12l115.017 66.405a8.236 8.236 0 0 0 8.222 0l115.017-66.404a8.222 8.222 0 0 0 4.11-7.12V79.075a8.228 8.228 0 0 0-4.11-7.123Z"/><path fill="#999" d="M248.5 67.245L135.505 2.008a15.03 15.03 0 0 0-15.009 0L7.505 67.24A15.07 15.07 0 0 0 0 80.246v130.467a15.056 15.056 0 0 0 7.506 13l112.989 65.235a15.008 15.008 0 0 0 15.009 0l112.991-65.234a15.057 15.057 0 0 0 7.505-13V80.245a15.066 15.066 0 0 0-7.5-13.001Zm.566 143.468a8.078 8.078 0 0 1-4.038 6.995l-112.99 65.234a8.091 8.091 0 0 1-8.077 0l-112.99-65.234a8.077 8.077 0 0 1-4.037-6.995V80.246a8.083 8.083 0 0 1 4.038-6.998l112.99-65.234a8.091 8.091 0 0 1 8.077 0l112.99 65.234a8.083 8.083 0 0 1 4.037 6.998v130.467Z"/><path fill="url(#svgIDa)" d="M4.602 126.725a9.156 9.156 0 0 1-4.578-7.93V52.734a65.381 65.381 0 0 1 3.298-22.361C7.165 20 14.765 9.853 29.83 3.869c28.865-11.466 57.394 4.037 73.51 27.018c13.534 19.298 21.432 26.97 38.45 39.998c15.068 11.535 62.325 32.282 69.472-9.042v56.953a9.156 9.156 0 0 1-4.578 7.93l-96.462 55.692a9.156 9.156 0 0 1-9.156 0L4.602 126.725Z" transform="translate(22.228 81.62)"/><path fill="url(#svgIDb)" d="m4.602 126.725l96.463 55.693a9.156 9.156 0 0 0 9.156 0l96.462-55.693a9.156 9.156 0 0 0 4.578-7.93V61.844c0-42.185-47.054-45.668-71.304-12.14c-19.221 26.573-27.735 36.088-53.465 45.444c-30.112 10.95-57.14 5.012-72.51-10.024A45.787 45.787 0 0 1 .024 52.733v66.063a9.156 9.156 0 0 0 4.578 7.93Z" transform="translate(22.228 81.62)"/><path fill="url(#svgIDc)" d="M211.261 61.843c0-42.185-47.054-45.668-71.304-12.14c-3.337 4.613-6.347 8.702-9.185 12.376c3.275 2.781 6.874 5.634 11.016 8.806c15.069 11.535 62.326 32.282 69.473-9.042Z" opacity=".3" transform="translate(22.228 81.62)"/></svg> </template>
CSS
.icon-moltin-icon {
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%20291%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgIDa%22%20x1%3D%2238.079%25%22%20x2%3D%2253.243%25%22%20y1%3D%228.528%25%22%20y2%3D%2260.768%25%22%3E%3Cstop%20offset%3D%221.093%25%22%20stop-color%3D%22%23E67417%22%2F%3E%3Cstop%20offset%3D%2299.952%25%22%20stop-color%3D%22%23E62F17%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgIDb%22%20x1%3D%2249.997%25%22%20x2%3D%2249.997%25%22%20y1%3D%22.659%25%22%20y2%3D%2297.276%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23F2BB30%22%2F%3E%3Cstop%20offset%3D%2230.905%25%22%20stop-color%3D%22%23E67417%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23E62F17%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgIDc%22%20x1%3D%2241.259%25%22%20x2%3D%2255.319%25%22%20y1%3D%2284.788%25%22%20y2%3D%2236.662%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FFF%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23FFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M247.128%2071.953L132.111%205.55a8.236%208.236%200%200%200-8.222%200L8.872%2071.953a8.228%208.228%200%200%200-4.11%207.124v132.808a8.222%208.222%200%200%200%204.11%207.12l115.017%2066.405a8.236%208.236%200%200%200%208.222%200l115.017-66.404a8.222%208.222%200%200%200%204.11-7.12V79.075a8.228%208.228%200%200%200-4.11-7.123Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M248.5%2067.245L135.505%202.008a15.03%2015.03%200%200%200-15.009%200L7.505%2067.24A15.07%2015.07%200%200%200%200%2080.246v130.467a15.056%2015.056%200%200%200%207.506%2013l112.989%2065.235a15.008%2015.008%200%200%200%2015.009%200l112.991-65.234a15.057%2015.057%200%200%200%207.505-13V80.245a15.066%2015.066%200%200%200-7.5-13.001Zm.566%20143.468a8.078%208.078%200%200%201-4.038%206.995l-112.99%2065.234a8.091%208.091%200%200%201-8.077%200l-112.99-65.234a8.077%208.077%200%200%201-4.037-6.995V80.246a8.083%208.083%200%200%201%204.038-6.998l112.99-65.234a8.091%208.091%200%200%201%208.077%200l112.99%2065.234a8.083%208.083%200%200%201%204.037%206.998v130.467Z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgIDa)%22%20d%3D%22M4.602%20126.725a9.156%209.156%200%200%201-4.578-7.93V52.734a65.381%2065.381%200%200%201%203.298-22.361C7.165%2020%2014.765%209.853%2029.83%203.869c28.865-11.466%2057.394%204.037%2073.51%2027.018c13.534%2019.298%2021.432%2026.97%2038.45%2039.998c15.068%2011.535%2062.325%2032.282%2069.472-9.042v56.953a9.156%209.156%200%200%201-4.578%207.93l-96.462%2055.692a9.156%209.156%200%200%201-9.156%200L4.602%20126.725Z%22%20transform%3D%22translate(22.228%2081.62)%22%2F%3E%3Cpath%20fill%3D%22url(%23svgIDb)%22%20d%3D%22m4.602%20126.725l96.463%2055.693a9.156%209.156%200%200%200%209.156%200l96.462-55.693a9.156%209.156%200%200%200%204.578-7.93V61.844c0-42.185-47.054-45.668-71.304-12.14c-19.221%2026.573-27.735%2036.088-53.465%2045.444c-30.112%2010.95-57.14%205.012-72.51-10.024A45.787%2045.787%200%200%201%20.024%2052.733v66.063a9.156%209.156%200%200%200%204.578%207.93Z%22%20transform%3D%22translate(22.228%2081.62)%22%2F%3E%3Cpath%20fill%3D%22url(%23svgIDc)%22%20d%3D%22M211.261%2061.843c0-42.185-47.054-45.668-71.304-12.14c-3.337%204.613-6.347%208.702-9.185%2012.376c3.275%202.781%206.874%205.634%2011.016%208.806c15.069%2011.535%2062.326%2032.282%2069.473-9.042Z%22%20opacity%3D%22.3%22%20transform%3D%22translate(22.228%2081.62)%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%20291%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgIDa%22%20x1%3D%2238.079%25%22%20x2%3D%2253.243%25%22%20y1%3D%228.528%25%22%20y2%3D%2260.768%25%22%3E%3Cstop%20offset%3D%221.093%25%22%20stop-color%3D%22%23E67417%22%2F%3E%3Cstop%20offset%3D%2299.952%25%22%20stop-color%3D%22%23E62F17%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgIDb%22%20x1%3D%2249.997%25%22%20x2%3D%2249.997%25%22%20y1%3D%22.659%25%22%20y2%3D%2297.276%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23F2BB30%22%2F%3E%3Cstop%20offset%3D%2230.905%25%22%20stop-color%3D%22%23E67417%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23E62F17%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgIDc%22%20x1%3D%2241.259%25%22%20x2%3D%2255.319%25%22%20y1%3D%2284.788%25%22%20y2%3D%2236.662%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FFF%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23FFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M247.128%2071.953L132.111%205.55a8.236%208.236%200%200%200-8.222%200L8.872%2071.953a8.228%208.228%200%200%200-4.11%207.124v132.808a8.222%208.222%200%200%200%204.11%207.12l115.017%2066.405a8.236%208.236%200%200%200%208.222%200l115.017-66.404a8.222%208.222%200%200%200%204.11-7.12V79.075a8.228%208.228%200%200%200-4.11-7.123Z%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M248.5%2067.245L135.505%202.008a15.03%2015.03%200%200%200-15.009%200L7.505%2067.24A15.07%2015.07%200%200%200%200%2080.246v130.467a15.056%2015.056%200%200%200%207.506%2013l112.989%2065.235a15.008%2015.008%200%200%200%2015.009%200l112.991-65.234a15.057%2015.057%200%200%200%207.505-13V80.245a15.066%2015.066%200%200%200-7.5-13.001Zm.566%20143.468a8.078%208.078%200%200%201-4.038%206.995l-112.99%2065.234a8.091%208.091%200%200%201-8.077%200l-112.99-65.234a8.077%208.077%200%200%201-4.037-6.995V80.246a8.083%208.083%200%200%201%204.038-6.998l112.99-65.234a8.091%208.091%200%200%201%208.077%200l112.99%2065.234a8.083%208.083%200%200%201%204.037%206.998v130.467Z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgIDa)%22%20d%3D%22M4.602%20126.725a9.156%209.156%200%200%201-4.578-7.93V52.734a65.381%2065.381%200%200%201%203.298-22.361C7.165%2020%2014.765%209.853%2029.83%203.869c28.865-11.466%2057.394%204.037%2073.51%2027.018c13.534%2019.298%2021.432%2026.97%2038.45%2039.998c15.068%2011.535%2062.325%2032.282%2069.472-9.042v56.953a9.156%209.156%200%200%201-4.578%207.93l-96.462%2055.692a9.156%209.156%200%200%201-9.156%200L4.602%20126.725Z%22%20transform%3D%22translate(22.228%2081.62)%22%2F%3E%3Cpath%20fill%3D%22url(%23svgIDb)%22%20d%3D%22m4.602%20126.725l96.463%2055.693a9.156%209.156%200%200%200%209.156%200l96.462-55.693a9.156%209.156%200%200%200%204.578-7.93V61.844c0-42.185-47.054-45.668-71.304-12.14c-19.221%2026.573-27.735%2036.088-53.465%2045.444c-30.112%2010.95-57.14%205.012-72.51-10.024A45.787%2045.787%200%200%201%20.024%2052.733v66.063a9.156%209.156%200%200%200%204.578%207.93Z%22%20transform%3D%22translate(22.228%2081.62)%22%2F%3E%3Cpath%20fill%3D%22url(%23svgIDc)%22%20d%3D%22M211.261%2061.843c0-42.185-47.054-45.668-71.304-12.14c-3.337%204.613-6.347%208.702-9.185%2012.376c3.275%202.781%206.874%205.634%2011.016%208.806c15.069%2011.535%2062.326%2032.282%2069.473-9.042Z%22%20opacity%3D%22.3%22%20transform%3D%22translate(22.228%2081.62)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/moltin-icon.svg?color=%231a73e8&size=48
