thumbtack icon
thumbtack from Line Awesome by Icons8 · Line · Social · Apache-2.0 Free for personal and commercial use.
- Name
- thumbtack
- Set
- Line Awesome
- Style
- Line
- Category
- Social
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- thumbtack-solid
The same icon in other sets
More social icons from Line Awesome
Use the thumbtack icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.531 2.563l-.687.937l-4.907 6.688c-2.628-.458-5.41.285-7.437 2.312l-.719.688l5.313 5.312L4 26.594V28h1.406l8.094-8.094l5.313 5.313l.687-.719c2.027-2.027 2.77-4.809 2.313-7.438l6.687-4.906l.938-.687zm.25 3.062l5.594 5.594l-6.219 4.562l-.562.406l.187.657c.48 1.832-.043 3.742-1.187 5.343l-8.782-8.78c1.602-1.145 3.512-1.669 5.344-1.188l.656.187l.407-.562z"/></svg>
React
import type { SVGProps } from "react";
export function LaThumbtack(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.531 2.563l-.687.937l-4.907 6.688c-2.628-.458-5.41.285-7.437 2.312l-.719.688l5.313 5.312L4 26.594V28h1.406l8.094-8.094l5.313 5.313l.687-.719c2.027-2.027 2.77-4.809 2.313-7.438l6.687-4.906l.938-.687zm.25 3.062l5.594 5.594l-6.219 4.562l-.562.406l.187.657c.48 1.832-.043 3.742-1.187 5.343l-8.782-8.78c1.602-1.145 3.512-1.669 5.344-1.188l.656.187l.407-.562z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.531 2.563l-.687.937l-4.907 6.688c-2.628-.458-5.41.285-7.437 2.312l-.719.688l5.313 5.312L4 26.594V28h1.406l8.094-8.094l5.313 5.313l.687-.719c2.027-2.027 2.77-4.809 2.313-7.438l6.687-4.906l.938-.687zm.25 3.062l5.594 5.594l-6.219 4.562l-.562.406l.187.657c.48 1.832-.043 3.742-1.187 5.343l-8.782-8.78c1.602-1.145 3.512-1.669 5.344-1.188l.656.187l.407-.562z"/></svg> </template>
CSS
.icon-thumbtack {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.531%202.563l-.687.937l-4.907%206.688c-2.628-.458-5.41.285-7.437%202.312l-.719.688l5.313%205.312L4%2026.594V28h1.406l8.094-8.094l5.313%205.313l.687-.719c2.027-2.027%202.77-4.809%202.313-7.438l6.687-4.906l.938-.687zm.25%203.062l5.594%205.594l-6.219%204.562l-.562.406l.187.657c.48%201.832-.043%203.742-1.187%205.343l-8.782-8.78c1.602-1.145%203.512-1.669%205.344-1.188l.656.187l.407-.562z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.531%202.563l-.687.937l-4.907%206.688c-2.628-.458-5.41.285-7.437%202.312l-.719.688l5.313%205.312L4%2026.594V28h1.406l8.094-8.094l5.313%205.313l.687-.719c2.027-2.027%202.77-4.809%202.313-7.438l6.687-4.906l.938-.687zm.25%203.062l5.594%205.594l-6.219%204.562l-.562.406l.187.657c.48%201.832-.043%203.742-1.187%205.343l-8.782-8.78c1.602-1.145%203.512-1.669%205.344-1.188l.656.187l.407-.562z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/thumbtack.svg?color=%231a73e8&size=48
