asymmetrik logo

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

Name: asymmetrik
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 576×512
License: CC BY 4.0

The same logo in other sets

asymmetrikFont Awesome Brands asymmetrikLine Awesome

Use the asymmetrik logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M517.5 309.2c38.8-40 58.1-80 58.5-116.1c.8-65.5-59.4-118.2-169.4-135C277.9 38.4 118.1 73.6 0 140.5C52 114 110.6 92.3 170.7 82.3c74.5-20.5 153-25.4 221.3-14.8C544.5 91.3 588.8 195 490.8 299.2c-10.2 10.8-22 21.1-35 30.6L304.9 103.4L114.7 388.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.5L340 406.3c18.6-5.3 36.9-11.5 54.5-18.7l45.9 71.8H542L468.6 349c18.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 Fa6BrandsAsymmetrik(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M517.5 309.2c38.8-40 58.1-80 58.5-116.1c.8-65.5-59.4-118.2-169.4-135C277.9 38.4 118.1 73.6 0 140.5C52 114 110.6 92.3 170.7 82.3c74.5-20.5 153-25.4 221.3-14.8C544.5 91.3 588.8 195 490.8 299.2c-10.2 10.8-22 21.1-35 30.6L304.9 103.4L114.7 388.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.5L340 406.3c18.6-5.3 36.9-11.5 54.5-18.7l45.9 71.8H542L468.6 349c18.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 576 512"><path fill="currentColor" d="M517.5 309.2c38.8-40 58.1-80 58.5-116.1c.8-65.5-59.4-118.2-169.4-135C277.9 38.4 118.1 73.6 0 140.5C52 114 110.6 92.3 170.7 82.3c74.5-20.5 153-25.4 221.3-14.8C544.5 91.3 588.8 195 490.8 299.2c-10.2 10.8-22 21.1-35 30.6L304.9 103.4L114.7 388.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.5L340 406.3c18.6-5.3 36.9-11.5 54.5-18.7l45.9 71.8H542L468.6 349c18.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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M517.5%20309.2c38.8-40%2058.1-80%2058.5-116.1c.8-65.5-59.4-118.2-169.4-135C277.9%2038.4%20118.1%2073.6%200%20140.5C52%20114%20110.6%2092.3%20170.7%2082.3c74.5-20.5%20153-25.4%20221.3-14.8C544.5%2091.3%20588.8%20195%20490.8%20299.2c-10.2%2010.8-22%2021.1-35%2030.6L304.9%20103.4L114.7%20388.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.5L340%20406.3c18.6-5.3%2036.9-11.5%2054.5-18.7l45.9%2071.8H542L468.6%20349c18.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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M517.5%20309.2c38.8-40%2058.1-80%2058.5-116.1c.8-65.5-59.4-118.2-169.4-135C277.9%2038.4%20118.1%2073.6%200%20140.5C52%20114%20110.6%2092.3%20170.7%2082.3c74.5-20.5%20153-25.4%20221.3-14.8C544.5%2091.3%20588.8%20195%20490.8%20299.2c-10.2%2010.8-22%2021.1-35%2030.6L304.9%20103.4L114.7%20388.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.5L340%20406.3c18.6-5.3%2036.9-11.5%2054.5-18.7l45.9%2071.8H542L468.6%20349c18.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/fa6-brands/asymmetrik.svg?color=%231a73e8&size=48