thumbtack list icon
thumbtack-list from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- thumbtack-list
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More ui icons from Reicon
Use the thumbtack list icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M22.75 8a.75.75 0 0 1-.75.75h-5a.75.75 0 0 1 0-1.5h5a.75.75 0 0 1 .75.75m0 4.5a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75m-8.99-5.208l.437.436c.735.736 1.335 1.336 1.745 1.857c.42.534.734 1.098.734 1.764c0 .373-.076.741-.223 1.083c-.263.612-.775 1.006-1.372 1.33c-.583.317-1.371.63-2.338 1.015l-.19.076c-.613.244-.774.316-.897.414a1.3 1.3 0 0 0-.278.307c-.085.133-.14.3-.32.934l-.01.035c-.121.428-.227.8-.34 1.089c-.115.293-.281.622-.594.852a1.75 1.75 0 0 1-1.251.325c-.386-.048-.691-.254-.935-.454a13 13 0 0 1-.827-.786l-1.06-1.06l-2.164 2.163a.75.75 0 0 1-1.06-1.06l2.163-2.164l-1.06-1.06a13 13 0 0 1-.786-.828c-.2-.243-.406-.548-.454-.934a1.75 1.75 0 0 1 .325-1.25c.23-.314.559-.48.852-.595c.288-.113.661-.22 1.09-.34l.034-.01c.634-.18.8-.236.934-.32a1.3 1.3 0 0 0 .307-.278c.098-.123.17-.284.414-.896l.076-.192c.384-.966.698-1.754 1.015-2.337c.324-.597.718-1.109 1.33-1.372a2.75 2.75 0 0 1 1.083-.223c.666 0 1.23.314 1.764.734c.521.41 1.121 1.01 1.857 1.745m-5.624 9.191L6.58 14.927l-.008-.01l-.009-.008l-1.556-1.556c-.348-.348-.569-.57-.714-.746a1 1 0 0 1-.125-.179a.25.25 0 0 1 .04-.155a1 1 0 0 1 .197-.096c.212-.083.514-.17.986-.303l.088-.025c.504-.143.901-.255 1.243-.474a2.8 2.8 0 0 0 .677-.61c.252-.318.404-.702.598-1.189l.091-.23c.407-1.023.689-1.727.958-2.222c.266-.49.454-.645.604-.71a1.3 1.3 0 0 1 .492-.101c.164 0 .397.068.835.413c.443.348.98.883 1.759 1.662l.366.366c.779.779 1.314 1.316 1.662 1.758c.345.439.413.672.413.836c0 .169-.035.337-.102.492c-.064.15-.219.338-.709.604c-.495.269-1.199.55-2.222.958l-.23.091c-.488.194-.87.346-1.189.598a2.8 2.8 0 0 0-.61.677c-.219.342-.331.739-.474 1.243l-.025.088c-.134.472-.22.774-.303.986a1 1 0 0 1-.096.197a.25.25 0 0 1-.155.04a1 1 0 0 1-.18-.125a12 12 0 0 1-.745-.714" clip-rule="evenodd"/><path d="M22 17.75a.75.75 0 0 0 0-1.5h-9a.75.75 0 0 0 0 1.5z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconThumbtackList(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M22.75 8a.75.75 0 0 1-.75.75h-5a.75.75 0 0 1 0-1.5h5a.75.75 0 0 1 .75.75m0 4.5a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75m-8.99-5.208l.437.436c.735.736 1.335 1.336 1.745 1.857c.42.534.734 1.098.734 1.764c0 .373-.076.741-.223 1.083c-.263.612-.775 1.006-1.372 1.33c-.583.317-1.371.63-2.338 1.015l-.19.076c-.613.244-.774.316-.897.414a1.3 1.3 0 0 0-.278.307c-.085.133-.14.3-.32.934l-.01.035c-.121.428-.227.8-.34 1.089c-.115.293-.281.622-.594.852a1.75 1.75 0 0 1-1.251.325c-.386-.048-.691-.254-.935-.454a13 13 0 0 1-.827-.786l-1.06-1.06l-2.164 2.163a.75.75 0 0 1-1.06-1.06l2.163-2.164l-1.06-1.06a13 13 0 0 1-.786-.828c-.2-.243-.406-.548-.454-.934a1.75 1.75 0 0 1 .325-1.25c.23-.314.559-.48.852-.595c.288-.113.661-.22 1.09-.34l.034-.01c.634-.18.8-.236.934-.32a1.3 1.3 0 0 0 .307-.278c.098-.123.17-.284.414-.896l.076-.192c.384-.966.698-1.754 1.015-2.337c.324-.597.718-1.109 1.33-1.372a2.75 2.75 0 0 1 1.083-.223c.666 0 1.23.314 1.764.734c.521.41 1.121 1.01 1.857 1.745m-5.624 9.191L6.58 14.927l-.008-.01l-.009-.008l-1.556-1.556c-.348-.348-.569-.57-.714-.746a1 1 0 0 1-.125-.179a.25.25 0 0 1 .04-.155a1 1 0 0 1 .197-.096c.212-.083.514-.17.986-.303l.088-.025c.504-.143.901-.255 1.243-.474a2.8 2.8 0 0 0 .677-.61c.252-.318.404-.702.598-1.189l.091-.23c.407-1.023.689-1.727.958-2.222c.266-.49.454-.645.604-.71a1.3 1.3 0 0 1 .492-.101c.164 0 .397.068.835.413c.443.348.98.883 1.759 1.662l.366.366c.779.779 1.314 1.316 1.662 1.758c.345.439.413.672.413.836c0 .169-.035.337-.102.492c-.064.15-.219.338-.709.604c-.495.269-1.199.55-2.222.958l-.23.091c-.488.194-.87.346-1.189.598a2.8 2.8 0 0 0-.61.677c-.219.342-.331.739-.474 1.243l-.025.088c-.134.472-.22.774-.303.986a1 1 0 0 1-.096.197a.25.25 0 0 1-.155.04a1 1 0 0 1-.18-.125a12 12 0 0 1-.745-.714" clipRule="evenodd"/><path d="M22 17.75a.75.75 0 0 0 0-1.5h-9a.75.75 0 0 0 0 1.5z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M22.75 8a.75.75 0 0 1-.75.75h-5a.75.75 0 0 1 0-1.5h5a.75.75 0 0 1 .75.75m0 4.5a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75m-8.99-5.208l.437.436c.735.736 1.335 1.336 1.745 1.857c.42.534.734 1.098.734 1.764c0 .373-.076.741-.223 1.083c-.263.612-.775 1.006-1.372 1.33c-.583.317-1.371.63-2.338 1.015l-.19.076c-.613.244-.774.316-.897.414a1.3 1.3 0 0 0-.278.307c-.085.133-.14.3-.32.934l-.01.035c-.121.428-.227.8-.34 1.089c-.115.293-.281.622-.594.852a1.75 1.75 0 0 1-1.251.325c-.386-.048-.691-.254-.935-.454a13 13 0 0 1-.827-.786l-1.06-1.06l-2.164 2.163a.75.75 0 0 1-1.06-1.06l2.163-2.164l-1.06-1.06a13 13 0 0 1-.786-.828c-.2-.243-.406-.548-.454-.934a1.75 1.75 0 0 1 .325-1.25c.23-.314.559-.48.852-.595c.288-.113.661-.22 1.09-.34l.034-.01c.634-.18.8-.236.934-.32a1.3 1.3 0 0 0 .307-.278c.098-.123.17-.284.414-.896l.076-.192c.384-.966.698-1.754 1.015-2.337c.324-.597.718-1.109 1.33-1.372a2.75 2.75 0 0 1 1.083-.223c.666 0 1.23.314 1.764.734c.521.41 1.121 1.01 1.857 1.745m-5.624 9.191L6.58 14.927l-.008-.01l-.009-.008l-1.556-1.556c-.348-.348-.569-.57-.714-.746a1 1 0 0 1-.125-.179a.25.25 0 0 1 .04-.155a1 1 0 0 1 .197-.096c.212-.083.514-.17.986-.303l.088-.025c.504-.143.901-.255 1.243-.474a2.8 2.8 0 0 0 .677-.61c.252-.318.404-.702.598-1.189l.091-.23c.407-1.023.689-1.727.958-2.222c.266-.49.454-.645.604-.71a1.3 1.3 0 0 1 .492-.101c.164 0 .397.068.835.413c.443.348.98.883 1.759 1.662l.366.366c.779.779 1.314 1.316 1.662 1.758c.345.439.413.672.413.836c0 .169-.035.337-.102.492c-.064.15-.219.338-.709.604c-.495.269-1.199.55-2.222.958l-.23.091c-.488.194-.87.346-1.189.598a2.8 2.8 0 0 0-.61.677c-.219.342-.331.739-.474 1.243l-.025.088c-.134.472-.22.774-.303.986a1 1 0 0 1-.096.197a.25.25 0 0 1-.155.04a1 1 0 0 1-.18-.125a12 12 0 0 1-.745-.714" clip-rule="evenodd"/><path d="M22 17.75a.75.75 0 0 0 0-1.5h-9a.75.75 0 0 0 0 1.5z"/></g></svg> </template>
CSS
.icon-thumbtack-list {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M22.75%208a.75.75%200%200%201-.75.75h-5a.75.75%200%200%201%200-1.5h5a.75.75%200%200%201%20.75.75m0%204.5a.75.75%200%200%201-.75.75h-4a.75.75%200%200%201%200-1.5h4a.75.75%200%200%201%20.75.75m-8.99-5.208l.437.436c.735.736%201.335%201.336%201.745%201.857c.42.534.734%201.098.734%201.764c0%20.373-.076.741-.223%201.083c-.263.612-.775%201.006-1.372%201.33c-.583.317-1.371.63-2.338%201.015l-.19.076c-.613.244-.774.316-.897.414a1.3%201.3%200%200%200-.278.307c-.085.133-.14.3-.32.934l-.01.035c-.121.428-.227.8-.34%201.089c-.115.293-.281.622-.594.852a1.75%201.75%200%200%201-1.251.325c-.386-.048-.691-.254-.935-.454a13%2013%200%200%201-.827-.786l-1.06-1.06l-2.164%202.163a.75.75%200%200%201-1.06-1.06l2.163-2.164l-1.06-1.06a13%2013%200%200%201-.786-.828c-.2-.243-.406-.548-.454-.934a1.75%201.75%200%200%201%20.325-1.25c.23-.314.559-.48.852-.595c.288-.113.661-.22%201.09-.34l.034-.01c.634-.18.8-.236.934-.32a1.3%201.3%200%200%200%20.307-.278c.098-.123.17-.284.414-.896l.076-.192c.384-.966.698-1.754%201.015-2.337c.324-.597.718-1.109%201.33-1.372a2.75%202.75%200%200%201%201.083-.223c.666%200%201.23.314%201.764.734c.521.41%201.121%201.01%201.857%201.745m-5.624%209.191L6.58%2014.927l-.008-.01l-.009-.008l-1.556-1.556c-.348-.348-.569-.57-.714-.746a1%201%200%200%201-.125-.179a.25.25%200%200%201%20.04-.155a1%201%200%200%201%20.197-.096c.212-.083.514-.17.986-.303l.088-.025c.504-.143.901-.255%201.243-.474a2.8%202.8%200%200%200%20.677-.61c.252-.318.404-.702.598-1.189l.091-.23c.407-1.023.689-1.727.958-2.222c.266-.49.454-.645.604-.71a1.3%201.3%200%200%201%20.492-.101c.164%200%20.397.068.835.413c.443.348.98.883%201.759%201.662l.366.366c.779.779%201.314%201.316%201.662%201.758c.345.439.413.672.413.836c0%20.169-.035.337-.102.492c-.064.15-.219.338-.709.604c-.495.269-1.199.55-2.222.958l-.23.091c-.488.194-.87.346-1.189.598a2.8%202.8%200%200%200-.61.677c-.219.342-.331.739-.474%201.243l-.025.088c-.134.472-.22.774-.303.986a1%201%200%200%201-.096.197a.25.25%200%200%201-.155.04a1%201%200%200%201-.18-.125a12%2012%200%200%201-.745-.714%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M22%2017.75a.75.75%200%200%200%200-1.5h-9a.75.75%200%200%200%200%201.5z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M22.75%208a.75.75%200%200%201-.75.75h-5a.75.75%200%200%201%200-1.5h5a.75.75%200%200%201%20.75.75m0%204.5a.75.75%200%200%201-.75.75h-4a.75.75%200%200%201%200-1.5h4a.75.75%200%200%201%20.75.75m-8.99-5.208l.437.436c.735.736%201.335%201.336%201.745%201.857c.42.534.734%201.098.734%201.764c0%20.373-.076.741-.223%201.083c-.263.612-.775%201.006-1.372%201.33c-.583.317-1.371.63-2.338%201.015l-.19.076c-.613.244-.774.316-.897.414a1.3%201.3%200%200%200-.278.307c-.085.133-.14.3-.32.934l-.01.035c-.121.428-.227.8-.34%201.089c-.115.293-.281.622-.594.852a1.75%201.75%200%200%201-1.251.325c-.386-.048-.691-.254-.935-.454a13%2013%200%200%201-.827-.786l-1.06-1.06l-2.164%202.163a.75.75%200%200%201-1.06-1.06l2.163-2.164l-1.06-1.06a13%2013%200%200%201-.786-.828c-.2-.243-.406-.548-.454-.934a1.75%201.75%200%200%201%20.325-1.25c.23-.314.559-.48.852-.595c.288-.113.661-.22%201.09-.34l.034-.01c.634-.18.8-.236.934-.32a1.3%201.3%200%200%200%20.307-.278c.098-.123.17-.284.414-.896l.076-.192c.384-.966.698-1.754%201.015-2.337c.324-.597.718-1.109%201.33-1.372a2.75%202.75%200%200%201%201.083-.223c.666%200%201.23.314%201.764.734c.521.41%201.121%201.01%201.857%201.745m-5.624%209.191L6.58%2014.927l-.008-.01l-.009-.008l-1.556-1.556c-.348-.348-.569-.57-.714-.746a1%201%200%200%201-.125-.179a.25.25%200%200%201%20.04-.155a1%201%200%200%201%20.197-.096c.212-.083.514-.17.986-.303l.088-.025c.504-.143.901-.255%201.243-.474a2.8%202.8%200%200%200%20.677-.61c.252-.318.404-.702.598-1.189l.091-.23c.407-1.023.689-1.727.958-2.222c.266-.49.454-.645.604-.71a1.3%201.3%200%200%201%20.492-.101c.164%200%20.397.068.835.413c.443.348.98.883%201.759%201.662l.366.366c.779.779%201.314%201.316%201.662%201.758c.345.439.413.672.413.836c0%20.169-.035.337-.102.492c-.064.15-.219.338-.709.604c-.495.269-1.199.55-2.222.958l-.23.091c-.488.194-.87.346-1.189.598a2.8%202.8%200%200%200-.61.677c-.219.342-.331.739-.474%201.243l-.025.088c-.134.472-.22.774-.303.986a1%201%200%200%201-.096.197a.25.25%200%200%201-.155.04a1%201%200%200%201-.18-.125a12%2012%200%200%201-.745-.714%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M22%2017.75a.75.75%200%200%200%200-1.5h-9a.75.75%200%200%200%200%201.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/thumbtack-list.svg?color=%231a73e8&size=48
