solid icon

solid from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.

Name: solid
Set: Unicons
Style: Line
Category: Brand Logos
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

solidCatppuccin Icons solidSVG Logos solidMaterial Design Icons solidSimple Icons solidWeb3 Icons solidWeb3 Icons Branded

More brand logos icons from Unicons

Use the solid icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.4 7.1c-.1-.1-.2-.1-.4-.1c-.3 0-.5 0-.8-.1c-1.7-.4-2.9-1.7-3-3.4v-.4c0-.3-.2-.5-.5-.5h-3.1c-.3 0-.5.2-.5.5v12.5c0 1.2-1 2.1-2.1 2.1c-.7 0-1.3-.3-1.7-.8c-.7-.9-.5-2.3.4-3c.4-.3.8-.3 1.6-.3c.1 0 .3 0 .4-.1s.2-.2.2-.4V9.8c0-.2-.2-.5-.4-.5c-1.6-.2-3.2.2-4.4 1.2c-1.1 1-1.9 2.4-2.1 4.1c-.3 1.9.4 3.9 1.7 5.2c1.2 1.3 2.9 1.9 4.5 1.9s3.2-.6 4.4-1.8s1.9-2.8 1.9-4.5V9.9c1.2.6 2.5 1 3.8 1c.3 0 .5-.2.5-.5v-3c-.2-.1-.3-.2-.4-.3"/></svg>

React

import type { SVGProps } from "react";

export function UilSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.4 7.1c-.1-.1-.2-.1-.4-.1c-.3 0-.5 0-.8-.1c-1.7-.4-2.9-1.7-3-3.4v-.4c0-.3-.2-.5-.5-.5h-3.1c-.3 0-.5.2-.5.5v12.5c0 1.2-1 2.1-2.1 2.1c-.7 0-1.3-.3-1.7-.8c-.7-.9-.5-2.3.4-3c.4-.3.8-.3 1.6-.3c.1 0 .3 0 .4-.1s.2-.2.2-.4V9.8c0-.2-.2-.5-.4-.5c-1.6-.2-3.2.2-4.4 1.2c-1.1 1-1.9 2.4-2.1 4.1c-.3 1.9.4 3.9 1.7 5.2c1.2 1.3 2.9 1.9 4.5 1.9s3.2-.6 4.4-1.8s1.9-2.8 1.9-4.5V9.9c1.2.6 2.5 1 3.8 1c.3 0 .5-.2.5-.5v-3c-.2-.1-.3-.2-.4-.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.4 7.1c-.1-.1-.2-.1-.4-.1c-.3 0-.5 0-.8-.1c-1.7-.4-2.9-1.7-3-3.4v-.4c0-.3-.2-.5-.5-.5h-3.1c-.3 0-.5.2-.5.5v12.5c0 1.2-1 2.1-2.1 2.1c-.7 0-1.3-.3-1.7-.8c-.7-.9-.5-2.3.4-3c.4-.3.8-.3 1.6-.3c.1 0 .3 0 .4-.1s.2-.2.2-.4V9.8c0-.2-.2-.5-.4-.5c-1.6-.2-3.2.2-4.4 1.2c-1.1 1-1.9 2.4-2.1 4.1c-.3 1.9.4 3.9 1.7 5.2c1.2 1.3 2.9 1.9 4.5 1.9s3.2-.6 4.4-1.8s1.9-2.8 1.9-4.5V9.9c1.2.6 2.5 1 3.8 1c.3 0 .5-.2.5-.5v-3c-.2-.1-.3-.2-.4-.3"/></svg>
</template>

CSS

.icon-solid {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.4%207.1c-.1-.1-.2-.1-.4-.1c-.3%200-.5%200-.8-.1c-1.7-.4-2.9-1.7-3-3.4v-.4c0-.3-.2-.5-.5-.5h-3.1c-.3%200-.5.2-.5.5v12.5c0%201.2-1%202.1-2.1%202.1c-.7%200-1.3-.3-1.7-.8c-.7-.9-.5-2.3.4-3c.4-.3.8-.3%201.6-.3c.1%200%20.3%200%20.4-.1s.2-.2.2-.4V9.8c0-.2-.2-.5-.4-.5c-1.6-.2-3.2.2-4.4%201.2c-1.1%201-1.9%202.4-2.1%204.1c-.3%201.9.4%203.9%201.7%205.2c1.2%201.3%202.9%201.9%204.5%201.9s3.2-.6%204.4-1.8s1.9-2.8%201.9-4.5V9.9c1.2.6%202.5%201%203.8%201c.3%200%20.5-.2.5-.5v-3c-.2-.1-.3-.2-.4-.3%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.4%207.1c-.1-.1-.2-.1-.4-.1c-.3%200-.5%200-.8-.1c-1.7-.4-2.9-1.7-3-3.4v-.4c0-.3-.2-.5-.5-.5h-3.1c-.3%200-.5.2-.5.5v12.5c0%201.2-1%202.1-2.1%202.1c-.7%200-1.3-.3-1.7-.8c-.7-.9-.5-2.3.4-3c.4-.3.8-.3%201.6-.3c.1%200%20.3%200%20.4-.1s.2-.2.2-.4V9.8c0-.2-.2-.5-.4-.5c-1.6-.2-3.2.2-4.4%201.2c-1.1%201-1.9%202.4-2.1%204.1c-.3%201.9.4%203.9%201.7%205.2c1.2%201.3%202.9%201.9%204.5%201.9s3.2-.6%204.4-1.8s1.9-2.8%201.9-4.5V9.9c1.2.6%202.5%201%203.8%201c.3%200%20.5-.2.5-.5v-3c-.2-.1-.3-.2-.4-.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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