wan icon

wan-outline from Teenyicons by smhmd · Outline · MIT Free for personal and commercial use.

Name: wan-outline
Set: Teenyicons
Style: Outline
Viewbox: 15×15
License: MIT

1 other variant in Teenyicons

The same icon in other sets

wanMaterial Design Icons wanWeb3 Icons wanWeb3 Icons Branded

Use the wan icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="m3.5 14.5l-.489.105a.5.5 0 0 0 .967.042zm4-13l.478-.147a.5.5 0 0 0-.956 0zm4 13l-.478.147a.5.5 0 0 0 .967-.042zM.011.605l3 14l.978-.21l-3-14zm3.967 14.042l4-13l-.956-.294l-4 13zm3.044-13l4 13l.956-.294l-4-13zm4.967 12.958l3-14l-.978-.21l-3 14zM0 6h15V5H0zm0 4h15V9H0z"/></svg>

React

import type { SVGProps } from "react";

export function TeenyiconsWanOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="m3.5 14.5l-.489.105a.5.5 0 0 0 .967.042zm4-13l.478-.147a.5.5 0 0 0-.956 0zm4 13l-.478.147a.5.5 0 0 0 .967-.042zM.011.605l3 14l.978-.21l-3-14zm3.967 14.042l4-13l-.956-.294l-4 13zm3.044-13l4 13l.956-.294l-4-13zm4.967 12.958l3-14l-.978-.21l-3 14zM0 6h15V5H0zm0 4h15V9H0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="m3.5 14.5l-.489.105a.5.5 0 0 0 .967.042zm4-13l.478-.147a.5.5 0 0 0-.956 0zm4 13l-.478.147a.5.5 0 0 0 .967-.042zM.011.605l3 14l.978-.21l-3-14zm3.967 14.042l4-13l-.956-.294l-4 13zm3.044-13l4 13l.956-.294l-4-13zm4.967 12.958l3-14l-.978-.21l-3 14zM0 6h15V5H0zm0 4h15V9H0z"/></svg>
</template>

CSS

.icon-wan-outline {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.5%2014.5l-.489.105a.5.5%200%200%200%20.967.042zm4-13l.478-.147a.5.5%200%200%200-.956%200zm4%2013l-.478.147a.5.5%200%200%200%20.967-.042zM.011.605l3%2014l.978-.21l-3-14zm3.967%2014.042l4-13l-.956-.294l-4%2013zm3.044-13l4%2013l.956-.294l-4-13zm4.967%2012.958l3-14l-.978-.21l-3%2014zM0%206h15V5H0zm0%204h15V9H0z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.5%2014.5l-.489.105a.5.5%200%200%200%20.967.042zm4-13l.478-.147a.5.5%200%200%200-.956%200zm4%2013l-.478.147a.5.5%200%200%200%20.967-.042zM.011.605l3%2014l.978-.21l-3-14zm3.967%2014.042l4-13l-.956-.294l-4%2013zm3.044-13l4%2013l.956-.294l-4-13zm4.967%2012.958l3-14l-.978-.21l-3%2014zM0%206h15V5H0zm0%204h15V9H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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