livewire logo

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

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

1 other variant in Devicon

livewire-wordmark

The same logo in other sets

livewireSimple Icons

Use the livewire logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><path id="SVG5WCixdVh" fill="#fb70a9" d="M108.566 83.547c-1.937 2.926-3.406 6.527-7.34 6.527c-6.624 0-6.98-10.203-13.609-10.203c-6.625 0-6.265 10.203-12.887 10.203c-6.625 0-6.98-10.203-13.609-10.203c-6.625 0-6.266 10.203-12.887 10.203c-6.625 0-6.98-10.203-13.605-10.203c-6.629 0-6.27 10.203-12.89 10.203c-2.083 0-3.544-1.008-4.778-2.39c-4.738-8.239-7.465-17.895-7.465-28.22c0-30.222 23.367-54.722 52.191-54.722s52.192 24.5 52.192 54.723c0 8.64-1.91 16.816-5.313 24.082m0 0"/></defs><use href="#SVG5WCixdVh" fill-rule="evenodd"/><path fill="#4e56a6" fill-rule="evenodd" d="M40.844 78.145v22.668c0 4.066-3.301 7.363-7.371 7.363a7.365 7.365 0 0 1-7.371-7.364V73.45c1.375-2.523 2.945-4.707 5.78-4.707c4.61 0 6.223 5.79 8.962 9.403Zm27.843 1.183v35.844a8.185 8.185 0 0 1-8.187 8.183c-4.523 0-8.191-3.664-8.191-8.183v-40.57c1.543-2.973 3.132-5.86 6.39-5.86c5.16 0 6.563 7.242 9.989 10.586Zm26.211-.66v26.023c0 4.067-3.3 7.364-7.37 7.364s-7.372-3.297-7.372-7.364V72.707c1.281-2.195 2.809-3.965 5.364-3.965c4.84 0 6.375 6.38 9.378 9.926m0 0"/><path fill-opacity=".298" fill-rule="evenodd" d="M40.844 85.094c-1.309-1.602-2.856-2.79-5.094-2.79c-5.316 0-6.293 6.696-9.648 9.712V63.145a7.365 7.365 0 0 1 7.37-7.364c4.071 0 7.372 3.297 7.372 7.364Zm27.843.515c-1.394-1.855-3.023-3.304-5.496-3.304c-5.914 0-6.457 8.285-10.882 10.578v-12.77c0-4.52 3.668-8.183 8.191-8.183a8.185 8.185 0 0 1 8.188 8.183Zm26.211-1.433c-1.136-1.117-2.48-1.871-4.265-1.871c-5.73 0-6.418 7.777-10.477 10.343V66.734a7.371 7.371 0 0 1 14.742 0Zm0 0"/><use href="#SVG5WCixdVh" fill-rule="evenodd"/><path fill="#e24ca6" fill-rule="evenodd" d="M97.273 88.984c13.676-20.332 14.028-42.879 1.059-67.652c9.613 9.844 15.547 23.348 15.547 38.25c0 8.61-1.98 16.75-5.508 23.992c-2.004 2.91-3.531 6.5-7.61 6.5a5.95 5.95 0 0 1-3.488-1.09m0 0"/><path fill="#fff" fill-rule="evenodd" d="M58.89 73.117c18.15 0 25.79-10.52 25.79-25.46c0-14.942-11.547-28.692-25.79-28.692c-14.245 0-25.792 13.75-25.792 28.691c0 14.942 7.64 25.461 25.793 25.461Zm0 0"/><path fill="#030776" fill-rule="evenodd" d="M61.625 37.836c0 5.89-4.332 10.668-9.672 10.668c-5.344 0-9.672-4.777-9.672-10.668s4.328-10.668 9.672-10.668c5.34 0 9.672 4.777 9.672 10.668m0 0"/><path fill="#fff" fill-rule="evenodd" d="M55.176 35.375c0 2.719-2.164 4.922-4.836 4.922s-4.836-2.203-4.836-4.922s2.164-4.922 4.836-4.922s4.836 2.203 4.836 4.922m0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconLivewire(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><path id="SVG5WCixdVh" fill="#fb70a9" d="M108.566 83.547c-1.937 2.926-3.406 6.527-7.34 6.527c-6.624 0-6.98-10.203-13.609-10.203c-6.625 0-6.265 10.203-12.887 10.203c-6.625 0-6.98-10.203-13.609-10.203c-6.625 0-6.266 10.203-12.887 10.203c-6.625 0-6.98-10.203-13.605-10.203c-6.629 0-6.27 10.203-12.89 10.203c-2.083 0-3.544-1.008-4.778-2.39c-4.738-8.239-7.465-17.895-7.465-28.22c0-30.222 23.367-54.722 52.191-54.722s52.192 24.5 52.192 54.723c0 8.64-1.91 16.816-5.313 24.082m0 0"/></defs><use href="#SVG5WCixdVh" fillRule="evenodd"/><path fill="#4e56a6" fillRule="evenodd" d="M40.844 78.145v22.668c0 4.066-3.301 7.363-7.371 7.363a7.365 7.365 0 0 1-7.371-7.364V73.45c1.375-2.523 2.945-4.707 5.78-4.707c4.61 0 6.223 5.79 8.962 9.403Zm27.843 1.183v35.844a8.185 8.185 0 0 1-8.187 8.183c-4.523 0-8.191-3.664-8.191-8.183v-40.57c1.543-2.973 3.132-5.86 6.39-5.86c5.16 0 6.563 7.242 9.989 10.586Zm26.211-.66v26.023c0 4.067-3.3 7.364-7.37 7.364s-7.372-3.297-7.372-7.364V72.707c1.281-2.195 2.809-3.965 5.364-3.965c4.84 0 6.375 6.38 9.378 9.926m0 0"/><path fillOpacity=".298" fillRule="evenodd" d="M40.844 85.094c-1.309-1.602-2.856-2.79-5.094-2.79c-5.316 0-6.293 6.696-9.648 9.712V63.145a7.365 7.365 0 0 1 7.37-7.364c4.071 0 7.372 3.297 7.372 7.364Zm27.843.515c-1.394-1.855-3.023-3.304-5.496-3.304c-5.914 0-6.457 8.285-10.882 10.578v-12.77c0-4.52 3.668-8.183 8.191-8.183a8.185 8.185 0 0 1 8.188 8.183Zm26.211-1.433c-1.136-1.117-2.48-1.871-4.265-1.871c-5.73 0-6.418 7.777-10.477 10.343V66.734a7.371 7.371 0 0 1 14.742 0Zm0 0"/><use href="#SVG5WCixdVh" fillRule="evenodd"/><path fill="#e24ca6" fillRule="evenodd" d="M97.273 88.984c13.676-20.332 14.028-42.879 1.059-67.652c9.613 9.844 15.547 23.348 15.547 38.25c0 8.61-1.98 16.75-5.508 23.992c-2.004 2.91-3.531 6.5-7.61 6.5a5.95 5.95 0 0 1-3.488-1.09m0 0"/><path fill="#fff" fillRule="evenodd" d="M58.89 73.117c18.15 0 25.79-10.52 25.79-25.46c0-14.942-11.547-28.692-25.79-28.692c-14.245 0-25.792 13.75-25.792 28.691c0 14.942 7.64 25.461 25.793 25.461Zm0 0"/><path fill="#030776" fillRule="evenodd" d="M61.625 37.836c0 5.89-4.332 10.668-9.672 10.668c-5.344 0-9.672-4.777-9.672-10.668s4.328-10.668 9.672-10.668c5.34 0 9.672 4.777 9.672 10.668m0 0"/><path fill="#fff" fillRule="evenodd" d="M55.176 35.375c0 2.719-2.164 4.922-4.836 4.922s-4.836-2.203-4.836-4.922s2.164-4.922 4.836-4.922s4.836 2.203 4.836 4.922m0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><path id="SVG5WCixdVh" fill="#fb70a9" d="M108.566 83.547c-1.937 2.926-3.406 6.527-7.34 6.527c-6.624 0-6.98-10.203-13.609-10.203c-6.625 0-6.265 10.203-12.887 10.203c-6.625 0-6.98-10.203-13.609-10.203c-6.625 0-6.266 10.203-12.887 10.203c-6.625 0-6.98-10.203-13.605-10.203c-6.629 0-6.27 10.203-12.89 10.203c-2.083 0-3.544-1.008-4.778-2.39c-4.738-8.239-7.465-17.895-7.465-28.22c0-30.222 23.367-54.722 52.191-54.722s52.192 24.5 52.192 54.723c0 8.64-1.91 16.816-5.313 24.082m0 0"/></defs><use href="#SVG5WCixdVh" fill-rule="evenodd"/><path fill="#4e56a6" fill-rule="evenodd" d="M40.844 78.145v22.668c0 4.066-3.301 7.363-7.371 7.363a7.365 7.365 0 0 1-7.371-7.364V73.45c1.375-2.523 2.945-4.707 5.78-4.707c4.61 0 6.223 5.79 8.962 9.403Zm27.843 1.183v35.844a8.185 8.185 0 0 1-8.187 8.183c-4.523 0-8.191-3.664-8.191-8.183v-40.57c1.543-2.973 3.132-5.86 6.39-5.86c5.16 0 6.563 7.242 9.989 10.586Zm26.211-.66v26.023c0 4.067-3.3 7.364-7.37 7.364s-7.372-3.297-7.372-7.364V72.707c1.281-2.195 2.809-3.965 5.364-3.965c4.84 0 6.375 6.38 9.378 9.926m0 0"/><path fill-opacity=".298" fill-rule="evenodd" d="M40.844 85.094c-1.309-1.602-2.856-2.79-5.094-2.79c-5.316 0-6.293 6.696-9.648 9.712V63.145a7.365 7.365 0 0 1 7.37-7.364c4.071 0 7.372 3.297 7.372 7.364Zm27.843.515c-1.394-1.855-3.023-3.304-5.496-3.304c-5.914 0-6.457 8.285-10.882 10.578v-12.77c0-4.52 3.668-8.183 8.191-8.183a8.185 8.185 0 0 1 8.188 8.183Zm26.211-1.433c-1.136-1.117-2.48-1.871-4.265-1.871c-5.73 0-6.418 7.777-10.477 10.343V66.734a7.371 7.371 0 0 1 14.742 0Zm0 0"/><use href="#SVG5WCixdVh" fill-rule="evenodd"/><path fill="#e24ca6" fill-rule="evenodd" d="M97.273 88.984c13.676-20.332 14.028-42.879 1.059-67.652c9.613 9.844 15.547 23.348 15.547 38.25c0 8.61-1.98 16.75-5.508 23.992c-2.004 2.91-3.531 6.5-7.61 6.5a5.95 5.95 0 0 1-3.488-1.09m0 0"/><path fill="#fff" fill-rule="evenodd" d="M58.89 73.117c18.15 0 25.79-10.52 25.79-25.46c0-14.942-11.547-28.692-25.79-28.692c-14.245 0-25.792 13.75-25.792 28.691c0 14.942 7.64 25.461 25.793 25.461Zm0 0"/><path fill="#030776" fill-rule="evenodd" d="M61.625 37.836c0 5.89-4.332 10.668-9.672 10.668c-5.344 0-9.672-4.777-9.672-10.668s4.328-10.668 9.672-10.668c5.34 0 9.672 4.777 9.672 10.668m0 0"/><path fill="#fff" fill-rule="evenodd" d="M55.176 35.375c0 2.719-2.164 4.922-4.836 4.922s-4.836-2.203-4.836-4.922s2.164-4.922 4.836-4.922s4.836 2.203 4.836 4.922m0 0"/></svg>
</template>

CSS

.icon-livewire {
  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%3Cdefs%3E%3Cpath%20id%3D%22SVG5WCixdVh%22%20fill%3D%22%23fb70a9%22%20d%3D%22M108.566%2083.547c-1.937%202.926-3.406%206.527-7.34%206.527c-6.624%200-6.98-10.203-13.609-10.203c-6.625%200-6.265%2010.203-12.887%2010.203c-6.625%200-6.98-10.203-13.609-10.203c-6.625%200-6.266%2010.203-12.887%2010.203c-6.625%200-6.98-10.203-13.605-10.203c-6.629%200-6.27%2010.203-12.89%2010.203c-2.083%200-3.544-1.008-4.778-2.39c-4.738-8.239-7.465-17.895-7.465-28.22c0-30.222%2023.367-54.722%2052.191-54.722s52.192%2024.5%2052.192%2054.723c0%208.64-1.91%2016.816-5.313%2024.082m0%200%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23SVG5WCixdVh%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%234e56a6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M40.844%2078.145v22.668c0%204.066-3.301%207.363-7.371%207.363a7.365%207.365%200%200%201-7.371-7.364V73.45c1.375-2.523%202.945-4.707%205.78-4.707c4.61%200%206.223%205.79%208.962%209.403Zm27.843%201.183v35.844a8.185%208.185%200%200%201-8.187%208.183c-4.523%200-8.191-3.664-8.191-8.183v-40.57c1.543-2.973%203.132-5.86%206.39-5.86c5.16%200%206.563%207.242%209.989%2010.586Zm26.211-.66v26.023c0%204.067-3.3%207.364-7.37%207.364s-7.372-3.297-7.372-7.364V72.707c1.281-2.195%202.809-3.965%205.364-3.965c4.84%200%206.375%206.38%209.378%209.926m0%200%22%2F%3E%3Cpath%20fill-opacity%3D%22.298%22%20fill-rule%3D%22evenodd%22%20d%3D%22M40.844%2085.094c-1.309-1.602-2.856-2.79-5.094-2.79c-5.316%200-6.293%206.696-9.648%209.712V63.145a7.365%207.365%200%200%201%207.37-7.364c4.071%200%207.372%203.297%207.372%207.364Zm27.843.515c-1.394-1.855-3.023-3.304-5.496-3.304c-5.914%200-6.457%208.285-10.882%2010.578v-12.77c0-4.52%203.668-8.183%208.191-8.183a8.185%208.185%200%200%201%208.188%208.183Zm26.211-1.433c-1.136-1.117-2.48-1.871-4.265-1.871c-5.73%200-6.418%207.777-10.477%2010.343V66.734a7.371%207.371%200%200%201%2014.742%200Zm0%200%22%2F%3E%3Cuse%20href%3D%22%23SVG5WCixdVh%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e24ca6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M97.273%2088.984c13.676-20.332%2014.028-42.879%201.059-67.652c9.613%209.844%2015.547%2023.348%2015.547%2038.25c0%208.61-1.98%2016.75-5.508%2023.992c-2.004%202.91-3.531%206.5-7.61%206.5a5.95%205.95%200%200%201-3.488-1.09m0%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M58.89%2073.117c18.15%200%2025.79-10.52%2025.79-25.46c0-14.942-11.547-28.692-25.79-28.692c-14.245%200-25.792%2013.75-25.792%2028.691c0%2014.942%207.64%2025.461%2025.793%2025.461Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23030776%22%20fill-rule%3D%22evenodd%22%20d%3D%22M61.625%2037.836c0%205.89-4.332%2010.668-9.672%2010.668c-5.344%200-9.672-4.777-9.672-10.668s4.328-10.668%209.672-10.668c5.34%200%209.672%204.777%209.672%2010.668m0%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M55.176%2035.375c0%202.719-2.164%204.922-4.836%204.922s-4.836-2.203-4.836-4.922s2.164-4.922%204.836-4.922s4.836%202.203%204.836%204.922m0%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%3Cdefs%3E%3Cpath%20id%3D%22SVG5WCixdVh%22%20fill%3D%22%23fb70a9%22%20d%3D%22M108.566%2083.547c-1.937%202.926-3.406%206.527-7.34%206.527c-6.624%200-6.98-10.203-13.609-10.203c-6.625%200-6.265%2010.203-12.887%2010.203c-6.625%200-6.98-10.203-13.609-10.203c-6.625%200-6.266%2010.203-12.887%2010.203c-6.625%200-6.98-10.203-13.605-10.203c-6.629%200-6.27%2010.203-12.89%2010.203c-2.083%200-3.544-1.008-4.778-2.39c-4.738-8.239-7.465-17.895-7.465-28.22c0-30.222%2023.367-54.722%2052.191-54.722s52.192%2024.5%2052.192%2054.723c0%208.64-1.91%2016.816-5.313%2024.082m0%200%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23SVG5WCixdVh%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%234e56a6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M40.844%2078.145v22.668c0%204.066-3.301%207.363-7.371%207.363a7.365%207.365%200%200%201-7.371-7.364V73.45c1.375-2.523%202.945-4.707%205.78-4.707c4.61%200%206.223%205.79%208.962%209.403Zm27.843%201.183v35.844a8.185%208.185%200%200%201-8.187%208.183c-4.523%200-8.191-3.664-8.191-8.183v-40.57c1.543-2.973%203.132-5.86%206.39-5.86c5.16%200%206.563%207.242%209.989%2010.586Zm26.211-.66v26.023c0%204.067-3.3%207.364-7.37%207.364s-7.372-3.297-7.372-7.364V72.707c1.281-2.195%202.809-3.965%205.364-3.965c4.84%200%206.375%206.38%209.378%209.926m0%200%22%2F%3E%3Cpath%20fill-opacity%3D%22.298%22%20fill-rule%3D%22evenodd%22%20d%3D%22M40.844%2085.094c-1.309-1.602-2.856-2.79-5.094-2.79c-5.316%200-6.293%206.696-9.648%209.712V63.145a7.365%207.365%200%200%201%207.37-7.364c4.071%200%207.372%203.297%207.372%207.364Zm27.843.515c-1.394-1.855-3.023-3.304-5.496-3.304c-5.914%200-6.457%208.285-10.882%2010.578v-12.77c0-4.52%203.668-8.183%208.191-8.183a8.185%208.185%200%200%201%208.188%208.183Zm26.211-1.433c-1.136-1.117-2.48-1.871-4.265-1.871c-5.73%200-6.418%207.777-10.477%2010.343V66.734a7.371%207.371%200%200%201%2014.742%200Zm0%200%22%2F%3E%3Cuse%20href%3D%22%23SVG5WCixdVh%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e24ca6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M97.273%2088.984c13.676-20.332%2014.028-42.879%201.059-67.652c9.613%209.844%2015.547%2023.348%2015.547%2038.25c0%208.61-1.98%2016.75-5.508%2023.992c-2.004%202.91-3.531%206.5-7.61%206.5a5.95%205.95%200%200%201-3.488-1.09m0%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M58.89%2073.117c18.15%200%2025.79-10.52%2025.79-25.46c0-14.942-11.547-28.692-25.79-28.692c-14.245%200-25.792%2013.75-25.792%2028.691c0%2014.942%207.64%2025.461%2025.793%2025.461Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23030776%22%20fill-rule%3D%22evenodd%22%20d%3D%22M61.625%2037.836c0%205.89-4.332%2010.668-9.672%2010.668c-5.344%200-9.672-4.777-9.672-10.668s4.328-10.668%209.672-10.668c5.34%200%209.672%204.777%209.672%2010.668m0%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M55.176%2035.375c0%202.719-2.164%204.922-4.836%204.922s-4.836-2.203-4.836-4.922s2.164-4.922%204.836-4.922s4.836%202.203%204.836%204.922m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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