Skip to content

Instantly share code, notes, and snippets.

@AlexKardone

AlexKardone/Search button Magnifier

Last active May 7, 2017 16:57
Show Gist options
  • Save AlexKardone/37378e8fc60a540fca470488f5d9a320 to your computer and use it in GitHub Desktop.
Save AlexKardone/37378e8fc60a540fca470488f5d9a320 to your computer and use it in GitHub Desktop.
Download ZIP
Search-button on SVG
Raw
Search button Magnifier
<svg>
<rect width="50" height="10" x="-34" y="37" rx="5" ry="20" fill="#ffffff"/>
<circle r="26" cx="56%" cy="45%" fill="#f0626e"/>
<circle r="23" cx="56%" cy="45%" fill="#ffffff"/>
<circle r="18" cx="56%" cy="45%" fill="#f0626e"/>
</svg>
Raw
style.css
svg {
width: 60px;
height: 60px;
background: #f0626e;
}
rect {
transform: rotate(-45deg);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment