Framer icon

A free Framer icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Social Media & Apps
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: framer, design, prototyping, animation, interactive, ui/ux, web design

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(5 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0.92 1.41C0.4 0.98 0.14 0.76 0.11 0.57C0.09 0.41 0.15 0.24 0.28 0.13C0.42 0 0.76 0 1.44 0L11.6 0C12.44 0 12.86 0 13.18 0.16C13.46 0.31 13.69 0.54 13.84 0.82C14 1.14 14 1.56 14 2.4L14 4.1C14 4.94 14 5.36 13.84 5.68C13.69 5.96 13.46 6.19 13.18 6.34C12.86 6.5 12.44 6.5 11.6 6.5L7 6.5L13.11 11.59C13.63 12.02 13.89 12.24 13.92 12.43C13.94 12.59 13.88 12.76 13.76 12.87C13.62 13 13.27 13 12.59 13L0 13L0 8.9C0 8.06 0 7.64 0.16 7.32C0.31 7.04 0.54 6.81 0.82 6.66C1.14 6.5 1.56 6.5 2.4 6.5L7 6.5L0.92 1.41Z"/>
  <path transform="translate(5 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 13L7 18.87C7 19.53 7 19.86 6.87 20C6.76 20.12 6.6 20.19 6.44 20.17C6.25 20.14 6.03 19.89 5.6 19.4L0 13"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(4 1)" fill="currentColor" d="M2.4 0C2.09 0 1.8 0 1.57 0.02C1.38 0.04 0.95 0.08 0.61 0.39C0.23 0.72 0.05 1.22 0.12 1.71C0.19 2.16 0.49 2.47 0.63 2.61C0.79 2.77 1.02 2.96 1.25 3.16L5.25 6.5L3.36 6.5C2.97 6.5 2.62 6.5 2.33 6.52C2.02 6.55 1.69 6.61 1.37 6.77C0.89 7.01 0.51 7.39 0.27 7.87C0.11 8.19 0.05 8.52 0.02 8.83C0 9.12 0 9.47 0 9.86L0 14C0 14.24 0.09 14.48 0.25 14.66L5.87 21.08C6.07 21.31 6.25 21.52 6.42 21.68C6.56 21.81 6.86 22.1 7.31 22.16C7.8 22.22 8.29 22.04 8.62 21.67C8.92 21.33 8.96 20.91 8.98 20.72C9 20.49 9 20.21 9 19.91L9 15L13.63 15C13.94 15 14.23 15 14.46 14.98C14.65 14.96 15.09 14.92 15.43 14.61C15.8 14.28 15.98 13.78 15.91 13.29C15.84 12.83 15.54 12.52 15.4 12.39C15.24 12.22 15.01 12.04 14.78 11.84L10.76 8.5L12.64 8.5C13.03 8.5 13.38 8.5 13.67 8.48C13.98 8.45 14.31 8.39 14.63 8.23C15.11 7.99 15.49 7.61 15.73 7.13C15.89 6.81 15.95 6.48 15.98 6.17C16 5.88 16 5.53 16 5.14L16 3.36C16 2.97 16 2.62 15.98 2.33C15.95 2.02 15.89 1.69 15.73 1.37C15.49 0.89 15.11 0.51 14.63 0.27C14.31 0.11 13.98 0.05 13.67 0.02C13.38 0 13.03 0 12.64 0L2.4 0Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(5 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0.92 1.41C0.4 0.98 0.14 0.76 0.11 0.57C0.09 0.41 0.15 0.24 0.28 0.13C0.42 0 0.76 0 1.44 0L11.6 0C12.44 0 12.86 0 13.18 0.16C13.46 0.31 13.69 0.54 13.84 0.82C14 1.14 14 1.56 14 2.4L14 4.1C14 4.94 14 5.36 13.84 5.68C13.69 5.96 13.46 6.19 13.18 6.34C12.86 6.5 12.44 6.5 11.6 6.5L7 6.5L13.11 11.59C13.63 12.02 13.89 12.24 13.92 12.43C13.94 12.59 13.88 12.76 13.76 12.87C13.62 13 13.27 13 12.59 13L0 13L0 8.9C0 8.06 0 7.64 0.16 7.32C0.31 7.04 0.54 6.81 0.82 6.66C1.14 6.5 1.56 6.5 2.4 6.5L7 6.5L0.92 1.41Z"/>
  <path transform="translate(4.25 15.66)" fill="currentColor" d="M8.75 0.34L6.75 0.34L6.75 4.68L2.95 0.34L0.75 0.34C0.45 0.34 0.18 0.21 0 0L5.62 6.42C5.81 6.65 6 6.86 6.17 7.02C6.3 7.15 6.61 7.44 7.06 7.5C7.55 7.56 8.04 7.37 8.37 7C8.67 6.67 8.71 6.25 8.73 6.05C8.75 5.83 8.75 5.54 8.75 5.25L8.75 0.34Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 1)" fill="currentColor" d="M2.4 0C2.09 0 1.8 0 1.57 0.02C1.38 0.04 0.95 0.08 0.61 0.39C0.23 0.72 0.05 1.22 0.12 1.71C0.19 2.16 0.49 2.47 0.63 2.61C0.79 2.77 1.02 2.96 1.25 3.16L5.25 6.5L3.36 6.5C2.97 6.5 2.62 6.5 2.33 6.52C2.02 6.55 1.69 6.61 1.37 6.77C0.89 7.01 0.51 7.39 0.27 7.87C0.11 8.19 0.05 8.52 0.02 8.83C0 9.12 0 9.47 0 9.86L0 14C0 14.55 0.45 15 1 15L13.63 15C13.94 15 14.23 15 14.46 14.98C14.65 14.96 15.09 14.92 15.43 14.61C15.8 14.28 15.98 13.78 15.91 13.29C15.84 12.83 15.54 12.52 15.4 12.39C15.24 12.22 15.01 12.04 14.78 11.84L10.76 8.5L12.64 8.5C13.03 8.5 13.38 8.5 13.67 8.48C13.98 8.45 14.31 8.39 14.63 8.23C15.11 7.99 15.49 7.61 15.73 7.13C15.89 6.81 15.95 6.48 15.98 6.17C16 5.88 16 5.53 16 5.14L16 3.36C16 2.97 16 2.62 15.98 2.33C15.95 2.02 15.89 1.69 15.73 1.37C15.49 0.89 15.11 0.51 14.63 0.27C14.31 0.11 13.98 0.05 13.67 0.02C13.38 0 13.03 0 12.64 0L2.4 0Z"/>
  <path transform="translate(4.24 15.65)" fill="currentColor" d="M8.76 0.35L0.76 0.35C0.46 0.35 0.18 0.22 0 0C0 0 0.01 0.01 0.01 0.01L5.63 6.44C5.83 6.66 6.02 6.88 6.18 7.03C6.32 7.17 6.63 7.45 7.08 7.51C7.57 7.57 8.06 7.39 8.38 7.02C8.68 6.68 8.73 6.26 8.74 6.07C8.76 5.84 8.76 5.56 8.76 5.26L8.76 0.35Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(5 2)" fill="currentColor" d="M5.6 19.4L0 13L0 8.9C0 8.06 0 7.64 0.16 7.32C0.31 7.04 0.54 6.81 0.82 6.66C1.14 6.5 1.56 6.5 2.4 6.5L7 6.5L0.92 1.41C0.4 0.98 0.14 0.76 0.11 0.57C0.09 0.41 0.15 0.24 0.28 0.13C0.42 0 0.76 0 1.44 0L11.6 0C12.44 0 12.86 0 13.18 0.16C13.46 0.31 13.69 0.54 13.84 0.82C14 1.14 14 1.56 14 2.4L14 4.1C14 4.94 14 5.36 13.84 5.68C13.69 5.96 13.46 6.19 13.18 6.34C12.86 6.5 12.44 6.5 11.6 6.5L7 6.5L13.11 11.59C13.63 12.02 13.89 12.24 13.92 12.43C13.94 12.59 13.88 12.76 13.76 12.87C13.62 13 13.27 13 12.59 13L7 13L7 18.87C7 19.53 7 19.86 6.87 20C6.76 20.12 6.6 20.19 6.44 20.17C6.25 20.14 6.03 19.89 5.6 19.4Z"/>
  <path transform="translate(5 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0.92 1.41C0.4 0.98 0.14 0.76 0.11 0.57C0.09 0.41 0.15 0.24 0.28 0.13C0.42 0 0.76 0 1.44 0L11.6 0C12.44 0 12.86 0 13.18 0.16C13.46 0.31 13.69 0.54 13.84 0.82C14 1.14 14 1.56 14 2.4L14 4.1C14 4.94 14 5.36 13.84 5.68C13.69 5.96 13.46 6.19 13.18 6.34C12.86 6.5 12.44 6.5 11.6 6.5L7 6.5L13.11 11.59C13.63 12.02 13.89 12.24 13.92 12.43C13.94 12.59 13.88 12.76 13.76 12.87C13.62 13 13.27 13 12.59 13L0 13L0 8.9C0 8.06 0 7.64 0.16 7.32C0.31 7.04 0.54 6.81 0.82 6.66C1.14 6.5 1.56 6.5 2.4 6.5L7 6.5L0.92 1.41Z"/>
  <path transform="translate(5 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 13L7 18.87C7 19.53 7 19.86 6.87 20C6.76 20.12 6.6 20.19 6.44 20.17C6.25 20.14 6.03 19.89 5.6 19.4L0 13"/>
</svg>