fuchsia logo

fuchsia from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
fuchsia
Set
SVG Logos
Style
Color
Viewbox
256×229
License
CC0

Use the fuchsia logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 229"><path fill="#ed1d7f" d="M106.64.245c62.915-4.092 117.135 43.479 121.739 105.883v13.81c0 1.535-1.024 2.558-2.558 2.558h-.512c-1.023 0-1.534-.511-2.046-1.023s-.511-1.534-.511-2.046c.511-4.092.511-8.696 0-12.788C218.66 46.793 166.997 1.78 107.15 5.872C47.304 9.964 2.29 61.627 6.384 121.473c4.092 59.847 55.754 104.86 114.578 100.767c11.764-1.023 22.506-3.58 33.248-7.672h1.023c1.534-.512 2.557.511 3.069 1.534c.511 1.535 0 3.07-1.535 3.58c-11.253 4.604-23.018 7.162-34.782 8.185C59.069 232.471 4.337 184.9.245 121.985S43.724 4.849 106.64.245m130.434 139.642C248.84 149.095 256 162.905 256 178.762c0 27.622-24.04 50.128-51.15 50.128s-49.617-21.995-49.617-49.616c0-10.742 3.58-20.46 9.207-28.645c19.437-28.133 12.788-67.008-15.345-86.956c-28.133-19.438-67.008-12.788-86.957 15.345c-19.437 28.133-12.788 67.008 15.345 86.956c23.018 15.857 52.686 14.323 73.658-1.534c-2.558 9.719-2.558 19.949 0 29.156c-27.11 13.3-60.87 11.765-87.468-7.161c-39.898-28.133-49.105-82.353-21.484-121.74c28.133-39.897 82.353-49.104 121.74-21.483c39.897 28.133 49.104 82.353 21.483 121.74c-3.07 4.091-4.604 9.207-4.604 14.322c0 13.81 11.253 25.064 25.064 25.064s25.064-11.254 25.064-25.064c0-7.673-3.58-14.834-9.207-19.438c-4.092-3.58-9.207-5.626-15.345-5.626c-2.046 0-4.092 0-6.139.511c3.581-8.184 6.139-16.368 7.673-25.575c10.742 0 20.972 4.092 29.156 10.741"/></svg>

React

import type { SVGProps } from "react";

export function LogosFuchsia(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 229"><path fill="#ed1d7f" d="M106.64.245c62.915-4.092 117.135 43.479 121.739 105.883v13.81c0 1.535-1.024 2.558-2.558 2.558h-.512c-1.023 0-1.534-.511-2.046-1.023s-.511-1.534-.511-2.046c.511-4.092.511-8.696 0-12.788C218.66 46.793 166.997 1.78 107.15 5.872C47.304 9.964 2.29 61.627 6.384 121.473c4.092 59.847 55.754 104.86 114.578 100.767c11.764-1.023 22.506-3.58 33.248-7.672h1.023c1.534-.512 2.557.511 3.069 1.534c.511 1.535 0 3.07-1.535 3.58c-11.253 4.604-23.018 7.162-34.782 8.185C59.069 232.471 4.337 184.9.245 121.985S43.724 4.849 106.64.245m130.434 139.642C248.84 149.095 256 162.905 256 178.762c0 27.622-24.04 50.128-51.15 50.128s-49.617-21.995-49.617-49.616c0-10.742 3.58-20.46 9.207-28.645c19.437-28.133 12.788-67.008-15.345-86.956c-28.133-19.438-67.008-12.788-86.957 15.345c-19.437 28.133-12.788 67.008 15.345 86.956c23.018 15.857 52.686 14.323 73.658-1.534c-2.558 9.719-2.558 19.949 0 29.156c-27.11 13.3-60.87 11.765-87.468-7.161c-39.898-28.133-49.105-82.353-21.484-121.74c28.133-39.897 82.353-49.104 121.74-21.483c39.897 28.133 49.104 82.353 21.483 121.74c-3.07 4.091-4.604 9.207-4.604 14.322c0 13.81 11.253 25.064 25.064 25.064s25.064-11.254 25.064-25.064c0-7.673-3.58-14.834-9.207-19.438c-4.092-3.58-9.207-5.626-15.345-5.626c-2.046 0-4.092 0-6.139.511c3.581-8.184 6.139-16.368 7.673-25.575c10.742 0 20.972 4.092 29.156 10.741"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 229"><path fill="#ed1d7f" d="M106.64.245c62.915-4.092 117.135 43.479 121.739 105.883v13.81c0 1.535-1.024 2.558-2.558 2.558h-.512c-1.023 0-1.534-.511-2.046-1.023s-.511-1.534-.511-2.046c.511-4.092.511-8.696 0-12.788C218.66 46.793 166.997 1.78 107.15 5.872C47.304 9.964 2.29 61.627 6.384 121.473c4.092 59.847 55.754 104.86 114.578 100.767c11.764-1.023 22.506-3.58 33.248-7.672h1.023c1.534-.512 2.557.511 3.069 1.534c.511 1.535 0 3.07-1.535 3.58c-11.253 4.604-23.018 7.162-34.782 8.185C59.069 232.471 4.337 184.9.245 121.985S43.724 4.849 106.64.245m130.434 139.642C248.84 149.095 256 162.905 256 178.762c0 27.622-24.04 50.128-51.15 50.128s-49.617-21.995-49.617-49.616c0-10.742 3.58-20.46 9.207-28.645c19.437-28.133 12.788-67.008-15.345-86.956c-28.133-19.438-67.008-12.788-86.957 15.345c-19.437 28.133-12.788 67.008 15.345 86.956c23.018 15.857 52.686 14.323 73.658-1.534c-2.558 9.719-2.558 19.949 0 29.156c-27.11 13.3-60.87 11.765-87.468-7.161c-39.898-28.133-49.105-82.353-21.484-121.74c28.133-39.897 82.353-49.104 121.74-21.483c39.897 28.133 49.104 82.353 21.483 121.74c-3.07 4.091-4.604 9.207-4.604 14.322c0 13.81 11.253 25.064 25.064 25.064s25.064-11.254 25.064-25.064c0-7.673-3.58-14.834-9.207-19.438c-4.092-3.58-9.207-5.626-15.345-5.626c-2.046 0-4.092 0-6.139.511c3.581-8.184 6.139-16.368 7.673-25.575c10.742 0 20.972 4.092 29.156 10.741"/></svg>
</template>

CSS

.icon-fuchsia {
  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%20229%22%3E%3Cpath%20fill%3D%22%23ed1d7f%22%20d%3D%22M106.64.245c62.915-4.092%20117.135%2043.479%20121.739%20105.883v13.81c0%201.535-1.024%202.558-2.558%202.558h-.512c-1.023%200-1.534-.511-2.046-1.023s-.511-1.534-.511-2.046c.511-4.092.511-8.696%200-12.788C218.66%2046.793%20166.997%201.78%20107.15%205.872C47.304%209.964%202.29%2061.627%206.384%20121.473c4.092%2059.847%2055.754%20104.86%20114.578%20100.767c11.764-1.023%2022.506-3.58%2033.248-7.672h1.023c1.534-.512%202.557.511%203.069%201.534c.511%201.535%200%203.07-1.535%203.58c-11.253%204.604-23.018%207.162-34.782%208.185C59.069%20232.471%204.337%20184.9.245%20121.985S43.724%204.849%20106.64.245m130.434%20139.642C248.84%20149.095%20256%20162.905%20256%20178.762c0%2027.622-24.04%2050.128-51.15%2050.128s-49.617-21.995-49.617-49.616c0-10.742%203.58-20.46%209.207-28.645c19.437-28.133%2012.788-67.008-15.345-86.956c-28.133-19.438-67.008-12.788-86.957%2015.345c-19.437%2028.133-12.788%2067.008%2015.345%2086.956c23.018%2015.857%2052.686%2014.323%2073.658-1.534c-2.558%209.719-2.558%2019.949%200%2029.156c-27.11%2013.3-60.87%2011.765-87.468-7.161c-39.898-28.133-49.105-82.353-21.484-121.74c28.133-39.897%2082.353-49.104%20121.74-21.483c39.897%2028.133%2049.104%2082.353%2021.483%20121.74c-3.07%204.091-4.604%209.207-4.604%2014.322c0%2013.81%2011.253%2025.064%2025.064%2025.064s25.064-11.254%2025.064-25.064c0-7.673-3.58-14.834-9.207-19.438c-4.092-3.58-9.207-5.626-15.345-5.626c-2.046%200-4.092%200-6.139.511c3.581-8.184%206.139-16.368%207.673-25.575c10.742%200%2020.972%204.092%2029.156%2010.741%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%20229%22%3E%3Cpath%20fill%3D%22%23ed1d7f%22%20d%3D%22M106.64.245c62.915-4.092%20117.135%2043.479%20121.739%20105.883v13.81c0%201.535-1.024%202.558-2.558%202.558h-.512c-1.023%200-1.534-.511-2.046-1.023s-.511-1.534-.511-2.046c.511-4.092.511-8.696%200-12.788C218.66%2046.793%20166.997%201.78%20107.15%205.872C47.304%209.964%202.29%2061.627%206.384%20121.473c4.092%2059.847%2055.754%20104.86%20114.578%20100.767c11.764-1.023%2022.506-3.58%2033.248-7.672h1.023c1.534-.512%202.557.511%203.069%201.534c.511%201.535%200%203.07-1.535%203.58c-11.253%204.604-23.018%207.162-34.782%208.185C59.069%20232.471%204.337%20184.9.245%20121.985S43.724%204.849%20106.64.245m130.434%20139.642C248.84%20149.095%20256%20162.905%20256%20178.762c0%2027.622-24.04%2050.128-51.15%2050.128s-49.617-21.995-49.617-49.616c0-10.742%203.58-20.46%209.207-28.645c19.437-28.133%2012.788-67.008-15.345-86.956c-28.133-19.438-67.008-12.788-86.957%2015.345c-19.437%2028.133-12.788%2067.008%2015.345%2086.956c23.018%2015.857%2052.686%2014.323%2073.658-1.534c-2.558%209.719-2.558%2019.949%200%2029.156c-27.11%2013.3-60.87%2011.765-87.468-7.161c-39.898-28.133-49.105-82.353-21.484-121.74c28.133-39.897%2082.353-49.104%20121.74-21.483c39.897%2028.133%2049.104%2082.353%2021.483%20121.74c-3.07%204.091-4.604%209.207-4.604%2014.322c0%2013.81%2011.253%2025.064%2025.064%2025.064s25.064-11.254%2025.064-25.064c0-7.673-3.58-14.834-9.207-19.438c-4.092-3.58-9.207-5.626-15.345-5.626c-2.046%200-4.092%200-6.139.511c3.581-8.184%206.139-16.368%207.673-25.575c10.742%200%2020.972%204.092%2029.156%2010.741%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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