wattpad logo

wattpad from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
wattpad
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

The same logo in other sets

wattpadCoreUI BrandswattpadHuge Icons

Use the wattpad logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.034 3.09c-1.695.113-3.9 2.027-6.9 6.947c.245-2.758.345-4.716-.857-5.743c-.823-.702-2.764-.974-3.926.536C.18 6.349-.09 9.312.024 12.432c.238 6.518 2.544 8.487 4.59 8.487h.001c3.623 0 4.13-4.439 6.604-8.4c-.09 1.416-.008 2.668.266 3.532c1.078 3.398 4.784 3.663 6.467.21c2.374-4.87 3.058-6.016 5.453-9.521c1.58-2.314-.252-3.812-2.374-2.735c-1.09.554-2.86 1.935-5.065 4.867c.387-2.23.28-5.996-2.932-5.782"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsWattpad(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="M13.034 3.09c-1.695.113-3.9 2.027-6.9 6.947c.245-2.758.345-4.716-.857-5.743c-.823-.702-2.764-.974-3.926.536C.18 6.349-.09 9.312.024 12.432c.238 6.518 2.544 8.487 4.59 8.487h.001c3.623 0 4.13-4.439 6.604-8.4c-.09 1.416-.008 2.668.266 3.532c1.078 3.398 4.784 3.663 6.467.21c2.374-4.87 3.058-6.016 5.453-9.521c1.58-2.314-.252-3.812-2.374-2.735c-1.09.554-2.86 1.935-5.065 4.867c.387-2.23.28-5.996-2.932-5.782"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.034 3.09c-1.695.113-3.9 2.027-6.9 6.947c.245-2.758.345-4.716-.857-5.743c-.823-.702-2.764-.974-3.926.536C.18 6.349-.09 9.312.024 12.432c.238 6.518 2.544 8.487 4.59 8.487h.001c3.623 0 4.13-4.439 6.604-8.4c-.09 1.416-.008 2.668.266 3.532c1.078 3.398 4.784 3.663 6.467.21c2.374-4.87 3.058-6.016 5.453-9.521c1.58-2.314-.252-3.812-2.374-2.735c-1.09.554-2.86 1.935-5.065 4.867c.387-2.23.28-5.996-2.932-5.782"/></svg>
</template>

CSS

.icon-wattpad {
  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%22M13.034%203.09c-1.695.113-3.9%202.027-6.9%206.947c.245-2.758.345-4.716-.857-5.743c-.823-.702-2.764-.974-3.926.536C.18%206.349-.09%209.312.024%2012.432c.238%206.518%202.544%208.487%204.59%208.487h.001c3.623%200%204.13-4.439%206.604-8.4c-.09%201.416-.008%202.668.266%203.532c1.078%203.398%204.784%203.663%206.467.21c2.374-4.87%203.058-6.016%205.453-9.521c1.58-2.314-.252-3.812-2.374-2.735c-1.09.554-2.86%201.935-5.065%204.867c.387-2.23.28-5.996-2.932-5.782%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%22M13.034%203.09c-1.695.113-3.9%202.027-6.9%206.947c.245-2.758.345-4.716-.857-5.743c-.823-.702-2.764-.974-3.926.536C.18%206.349-.09%209.312.024%2012.432c.238%206.518%202.544%208.487%204.59%208.487h.001c3.623%200%204.13-4.439%206.604-8.4c-.09%201.416-.008%202.668.266%203.532c1.078%203.398%204.784%203.663%206.467.21c2.374-4.87%203.058-6.016%205.453-9.521c1.58-2.314-.252-3.812-2.374-2.735c-1.09.554-2.86%201.935-5.065%204.867c.387-2.23.28-5.996-2.932-5.782%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Wattpad logo — Simple Icons · IconsDB