element logo
element from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- element
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×293
- License
- CC0
The same logo in other sets
Use the element logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 293"><path fill="#409eff" d="M255.947 209.282c-.073 12.126-6.371 14.83-6.371 14.83s-108.694 62.807-115.76 66.743c-7.003 3.005-11.683 0-11.683 0S8.401 224.894 4.25 221.995C.098 219.094 0 214.577 0 214.577S.115 83.965 0 77.917c-.114-6.05 7.434-10.595 7.434-10.595L121.071 1.641c6.996-3.692 13.807 0 13.807 0s100.386 58.351 111.511 64.623c10.904 5.184 9.558 15.89 9.558 15.89s.068 115.858 0 127.128m-45.37-131.09c-23.267-13.391-78.08-45.15-78.08-45.15s-5.347-2.89-10.84 0L32.44 84.443s-5.927 3.558-5.837 8.292c.09 4.733 0 106.952 0 106.952s.076 3.535 3.336 5.804c3.26 2.268 92.553 53.89 92.553 53.89s3.675 2.353 9.172 0c5.548-3.08 90.886-52.232 90.886-52.232s4.946-2.118 5.003-11.608c.016-2.736.022-13.36.023-26.706l-100.472 60.881v-23.29c0-9.567 7.406-15.88 7.406-15.88l88.869-53.551c3.353-3.502 4.045-9.112 4.188-11.234c-.003-9.728-.007-18.226-.01-23.61L127.104 163.02v-24.35c0-9.566 6.348-13.762 6.348-13.762z"/></svg>
React
import type { SVGProps } from "react";
export function LogosElement(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 293"><path fill="#409eff" d="M255.947 209.282c-.073 12.126-6.371 14.83-6.371 14.83s-108.694 62.807-115.76 66.743c-7.003 3.005-11.683 0-11.683 0S8.401 224.894 4.25 221.995C.098 219.094 0 214.577 0 214.577S.115 83.965 0 77.917c-.114-6.05 7.434-10.595 7.434-10.595L121.071 1.641c6.996-3.692 13.807 0 13.807 0s100.386 58.351 111.511 64.623c10.904 5.184 9.558 15.89 9.558 15.89s.068 115.858 0 127.128m-45.37-131.09c-23.267-13.391-78.08-45.15-78.08-45.15s-5.347-2.89-10.84 0L32.44 84.443s-5.927 3.558-5.837 8.292c.09 4.733 0 106.952 0 106.952s.076 3.535 3.336 5.804c3.26 2.268 92.553 53.89 92.553 53.89s3.675 2.353 9.172 0c5.548-3.08 90.886-52.232 90.886-52.232s4.946-2.118 5.003-11.608c.016-2.736.022-13.36.023-26.706l-100.472 60.881v-23.29c0-9.567 7.406-15.88 7.406-15.88l88.869-53.551c3.353-3.502 4.045-9.112 4.188-11.234c-.003-9.728-.007-18.226-.01-23.61L127.104 163.02v-24.35c0-9.566 6.348-13.762 6.348-13.762z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 293"><path fill="#409eff" d="M255.947 209.282c-.073 12.126-6.371 14.83-6.371 14.83s-108.694 62.807-115.76 66.743c-7.003 3.005-11.683 0-11.683 0S8.401 224.894 4.25 221.995C.098 219.094 0 214.577 0 214.577S.115 83.965 0 77.917c-.114-6.05 7.434-10.595 7.434-10.595L121.071 1.641c6.996-3.692 13.807 0 13.807 0s100.386 58.351 111.511 64.623c10.904 5.184 9.558 15.89 9.558 15.89s.068 115.858 0 127.128m-45.37-131.09c-23.267-13.391-78.08-45.15-78.08-45.15s-5.347-2.89-10.84 0L32.44 84.443s-5.927 3.558-5.837 8.292c.09 4.733 0 106.952 0 106.952s.076 3.535 3.336 5.804c3.26 2.268 92.553 53.89 92.553 53.89s3.675 2.353 9.172 0c5.548-3.08 90.886-52.232 90.886-52.232s4.946-2.118 5.003-11.608c.016-2.736.022-13.36.023-26.706l-100.472 60.881v-23.29c0-9.567 7.406-15.88 7.406-15.88l88.869-53.551c3.353-3.502 4.045-9.112 4.188-11.234c-.003-9.728-.007-18.226-.01-23.61L127.104 163.02v-24.35c0-9.566 6.348-13.762 6.348-13.762z"/></svg> </template>
CSS
.icon-element {
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%20293%22%3E%3Cpath%20fill%3D%22%23409eff%22%20d%3D%22M255.947%20209.282c-.073%2012.126-6.371%2014.83-6.371%2014.83s-108.694%2062.807-115.76%2066.743c-7.003%203.005-11.683%200-11.683%200S8.401%20224.894%204.25%20221.995C.098%20219.094%200%20214.577%200%20214.577S.115%2083.965%200%2077.917c-.114-6.05%207.434-10.595%207.434-10.595L121.071%201.641c6.996-3.692%2013.807%200%2013.807%200s100.386%2058.351%20111.511%2064.623c10.904%205.184%209.558%2015.89%209.558%2015.89s.068%20115.858%200%20127.128m-45.37-131.09c-23.267-13.391-78.08-45.15-78.08-45.15s-5.347-2.89-10.84%200L32.44%2084.443s-5.927%203.558-5.837%208.292c.09%204.733%200%20106.952%200%20106.952s.076%203.535%203.336%205.804c3.26%202.268%2092.553%2053.89%2092.553%2053.89s3.675%202.353%209.172%200c5.548-3.08%2090.886-52.232%2090.886-52.232s4.946-2.118%205.003-11.608c.016-2.736.022-13.36.023-26.706l-100.472%2060.881v-23.29c0-9.567%207.406-15.88%207.406-15.88l88.869-53.551c3.353-3.502%204.045-9.112%204.188-11.234c-.003-9.728-.007-18.226-.01-23.61L127.104%20163.02v-24.35c0-9.566%206.348-13.762%206.348-13.762z%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%20293%22%3E%3Cpath%20fill%3D%22%23409eff%22%20d%3D%22M255.947%20209.282c-.073%2012.126-6.371%2014.83-6.371%2014.83s-108.694%2062.807-115.76%2066.743c-7.003%203.005-11.683%200-11.683%200S8.401%20224.894%204.25%20221.995C.098%20219.094%200%20214.577%200%20214.577S.115%2083.965%200%2077.917c-.114-6.05%207.434-10.595%207.434-10.595L121.071%201.641c6.996-3.692%2013.807%200%2013.807%200s100.386%2058.351%20111.511%2064.623c10.904%205.184%209.558%2015.89%209.558%2015.89s.068%20115.858%200%20127.128m-45.37-131.09c-23.267-13.391-78.08-45.15-78.08-45.15s-5.347-2.89-10.84%200L32.44%2084.443s-5.927%203.558-5.837%208.292c.09%204.733%200%20106.952%200%20106.952s.076%203.535%203.336%205.804c3.26%202.268%2092.553%2053.89%2092.553%2053.89s3.675%202.353%209.172%200c5.548-3.08%2090.886-52.232%2090.886-52.232s4.946-2.118%205.003-11.608c.016-2.736.022-13.36.023-26.706l-100.472%2060.881v-23.29c0-9.567%207.406-15.88%207.406-15.88l88.869-53.551c3.353-3.502%204.045-9.112%204.188-11.234c-.003-9.728-.007-18.226-.01-23.61L127.104%20163.02v-24.35c0-9.566%206.348-13.762%206.348-13.762z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/element.svg?color=%231a73e8&size=48
