asymmetrik logo

asymmetrik from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: asymmetrik
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

asymmetrikFont Awesome 6 Brands asymmetrikLine Awesome

Use the asymmetrik logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M549.5 373.2c38.8-40 58.1-80 58.5-116.1c.8-65.5-59.4-118.2-169.4-135c-128.7-19.7-288.5 15.5-406.6 82.4c52-26.5 110.6-48.2 170.7-58.2c74.5-20.5 153-25.4 221.3-14.8c152.5 23.8 196.8 127.5 98.8 231.7c-10.2 10.8-22 21.1-35 30.6L336.9 167.4L146.7 452.9c-65.6-29.4-76.5-90.2-19.1-151.2c20.8-22.2 48.3-41.9 79.5-58.1c20-12.2 39.7-22.6 62-30.7c-65.1 20.3-122.7 52.9-161.6 92.9c-27.7 28.6-41.4 57.1-41.7 82.9c-.5 35.1 23.4 65.1 68.4 83l-34.5 51.7h101.6l22-34.4c22.2 1 45.3 0 68.6-2.7l-22.8 37.1h135.5L372 470.3c18.6-5.3 36.9-11.5 54.5-18.7l45.9 71.8H574L500.6 413c18.5-12.1 35-25.5 48.9-39.8m-187.6 80.5l-25-40.6l-32.7 53.3c-23.4 3.5-46.7 5.1-69.2 4.4l101.9-159.3l78.7 123c-17.2 7.4-35.3 13.9-53.7 19.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsAsymmetrik(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M549.5 373.2c38.8-40 58.1-80 58.5-116.1c.8-65.5-59.4-118.2-169.4-135c-128.7-19.7-288.5 15.5-406.6 82.4c52-26.5 110.6-48.2 170.7-58.2c74.5-20.5 153-25.4 221.3-14.8c152.5 23.8 196.8 127.5 98.8 231.7c-10.2 10.8-22 21.1-35 30.6L336.9 167.4L146.7 452.9c-65.6-29.4-76.5-90.2-19.1-151.2c20.8-22.2 48.3-41.9 79.5-58.1c20-12.2 39.7-22.6 62-30.7c-65.1 20.3-122.7 52.9-161.6 92.9c-27.7 28.6-41.4 57.1-41.7 82.9c-.5 35.1 23.4 65.1 68.4 83l-34.5 51.7h101.6l22-34.4c22.2 1 45.3 0 68.6-2.7l-22.8 37.1h135.5L372 470.3c18.6-5.3 36.9-11.5 54.5-18.7l45.9 71.8H574L500.6 413c18.5-12.1 35-25.5 48.9-39.8m-187.6 80.5l-25-40.6l-32.7 53.3c-23.4 3.5-46.7 5.1-69.2 4.4l101.9-159.3l78.7 123c-17.2 7.4-35.3 13.9-53.7 19.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M549.5 373.2c38.8-40 58.1-80 58.5-116.1c.8-65.5-59.4-118.2-169.4-135c-128.7-19.7-288.5 15.5-406.6 82.4c52-26.5 110.6-48.2 170.7-58.2c74.5-20.5 153-25.4 221.3-14.8c152.5 23.8 196.8 127.5 98.8 231.7c-10.2 10.8-22 21.1-35 30.6L336.9 167.4L146.7 452.9c-65.6-29.4-76.5-90.2-19.1-151.2c20.8-22.2 48.3-41.9 79.5-58.1c20-12.2 39.7-22.6 62-30.7c-65.1 20.3-122.7 52.9-161.6 92.9c-27.7 28.6-41.4 57.1-41.7 82.9c-.5 35.1 23.4 65.1 68.4 83l-34.5 51.7h101.6l22-34.4c22.2 1 45.3 0 68.6-2.7l-22.8 37.1h135.5L372 470.3c18.6-5.3 36.9-11.5 54.5-18.7l45.9 71.8H574L500.6 413c18.5-12.1 35-25.5 48.9-39.8m-187.6 80.5l-25-40.6l-32.7 53.3c-23.4 3.5-46.7 5.1-69.2 4.4l101.9-159.3l78.7 123c-17.2 7.4-35.3 13.9-53.7 19.2"/></svg>
</template>

CSS

.icon-asymmetrik {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M549.5%20373.2c38.8-40%2058.1-80%2058.5-116.1c.8-65.5-59.4-118.2-169.4-135c-128.7-19.7-288.5%2015.5-406.6%2082.4c52-26.5%20110.6-48.2%20170.7-58.2c74.5-20.5%20153-25.4%20221.3-14.8c152.5%2023.8%20196.8%20127.5%2098.8%20231.7c-10.2%2010.8-22%2021.1-35%2030.6L336.9%20167.4L146.7%20452.9c-65.6-29.4-76.5-90.2-19.1-151.2c20.8-22.2%2048.3-41.9%2079.5-58.1c20-12.2%2039.7-22.6%2062-30.7c-65.1%2020.3-122.7%2052.9-161.6%2092.9c-27.7%2028.6-41.4%2057.1-41.7%2082.9c-.5%2035.1%2023.4%2065.1%2068.4%2083l-34.5%2051.7h101.6l22-34.4c22.2%201%2045.3%200%2068.6-2.7l-22.8%2037.1h135.5L372%20470.3c18.6-5.3%2036.9-11.5%2054.5-18.7l45.9%2071.8H574L500.6%20413c18.5-12.1%2035-25.5%2048.9-39.8m-187.6%2080.5l-25-40.6l-32.7%2053.3c-23.4%203.5-46.7%205.1-69.2%204.4l101.9-159.3l78.7%20123c-17.2%207.4-35.3%2013.9-53.7%2019.2%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M549.5%20373.2c38.8-40%2058.1-80%2058.5-116.1c.8-65.5-59.4-118.2-169.4-135c-128.7-19.7-288.5%2015.5-406.6%2082.4c52-26.5%20110.6-48.2%20170.7-58.2c74.5-20.5%20153-25.4%20221.3-14.8c152.5%2023.8%20196.8%20127.5%2098.8%20231.7c-10.2%2010.8-22%2021.1-35%2030.6L336.9%20167.4L146.7%20452.9c-65.6-29.4-76.5-90.2-19.1-151.2c20.8-22.2%2048.3-41.9%2079.5-58.1c20-12.2%2039.7-22.6%2062-30.7c-65.1%2020.3-122.7%2052.9-161.6%2092.9c-27.7%2028.6-41.4%2057.1-41.7%2082.9c-.5%2035.1%2023.4%2065.1%2068.4%2083l-34.5%2051.7h101.6l22-34.4c22.2%201%2045.3%200%2068.6-2.7l-22.8%2037.1h135.5L372%20470.3c18.6-5.3%2036.9-11.5%2054.5-18.7l45.9%2071.8H574L500.6%20413c18.5-12.1%2035-25.5%2048.9-39.8m-187.6%2080.5l-25-40.6l-32.7%2053.3c-23.4%203.5-46.7%205.1-69.2%204.4l101.9-159.3l78.7%20123c-17.2%207.4-35.3%2013.9-53.7%2019.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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