pied piper icon
pied-piper from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- pied-piper
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the pied piper icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.469 4c-.848 0-1.61.27-2.344.594H7V21l1.188-.25l3.593-.719l.813-.156v-3.156c.14.023.273.086.406.125v11.375l1.188-.25l3.593-.719l.813-.156v-3.157c.3.047.562.188.875.188c3.426 0 6.187-2.945 6.187-6.469c0-3.476-2.695-6.367-6.062-6.437a7 7 0 0 0 .062-.781C19.656 6.913 16.895 4 13.47 4zm0 2c2.289 0 4.187 1.941 4.187 4.438s-1.898 4.468-4.187 4.468a3.9 3.9 0 0 1-1.5-.312l-1.375-.563v4.188L9 18.562V6.595h2.375l.219-.125A3.9 3.9 0 0 1 13.469 6m-.844.781c-.559 0-1.078.176-1.531.438l-.5.281v5.813l.5.28c.453.262.976.438 1.531.438c1.887 0 3.313-1.703 3.313-3.625s-1.426-3.625-3.313-3.625m-.031 2h.031c.66 0 1.313.656 1.313 1.625s-.653 1.625-1.313 1.625h-.031zm6.875 4.438c2.289 0 4.187 1.941 4.187 4.437s-1.898 4.469-4.187 4.469a3.9 3.9 0 0 1-1.5-.313l-1.375-.562v4.188L15 25.78v-9.06a6 6 0 0 0 1.594-.688v4.5l.5.282c.453.261.976.437 1.531.437c1.887 0 3.313-1.703 3.313-3.625S20.512 14 18.625 14c.148-.234.254-.496.375-.75c0-.004.031.004.031 0c.14-.02.293-.031.438-.031M18.594 16h.031c.66 0 1.313.656 1.313 1.625s-.653 1.625-1.313 1.625h-.031z"/></svg>
React
import type { SVGProps } from "react";
export function LaPiedPiper(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="M13.469 4c-.848 0-1.61.27-2.344.594H7V21l1.188-.25l3.593-.719l.813-.156v-3.156c.14.023.273.086.406.125v11.375l1.188-.25l3.593-.719l.813-.156v-3.157c.3.047.562.188.875.188c3.426 0 6.187-2.945 6.187-6.469c0-3.476-2.695-6.367-6.062-6.437a7 7 0 0 0 .062-.781C19.656 6.913 16.895 4 13.47 4zm0 2c2.289 0 4.187 1.941 4.187 4.438s-1.898 4.468-4.187 4.468a3.9 3.9 0 0 1-1.5-.312l-1.375-.563v4.188L9 18.562V6.595h2.375l.219-.125A3.9 3.9 0 0 1 13.469 6m-.844.781c-.559 0-1.078.176-1.531.438l-.5.281v5.813l.5.28c.453.262.976.438 1.531.438c1.887 0 3.313-1.703 3.313-3.625s-1.426-3.625-3.313-3.625m-.031 2h.031c.66 0 1.313.656 1.313 1.625s-.653 1.625-1.313 1.625h-.031zm6.875 4.438c2.289 0 4.187 1.941 4.187 4.437s-1.898 4.469-4.187 4.469a3.9 3.9 0 0 1-1.5-.313l-1.375-.562v4.188L15 25.78v-9.06a6 6 0 0 0 1.594-.688v4.5l.5.282c.453.261.976.437 1.531.437c1.887 0 3.313-1.703 3.313-3.625S20.512 14 18.625 14c.148-.234.254-.496.375-.75c0-.004.031.004.031 0c.14-.02.293-.031.438-.031M18.594 16h.031c.66 0 1.313.656 1.313 1.625s-.653 1.625-1.313 1.625h-.031z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.469 4c-.848 0-1.61.27-2.344.594H7V21l1.188-.25l3.593-.719l.813-.156v-3.156c.14.023.273.086.406.125v11.375l1.188-.25l3.593-.719l.813-.156v-3.157c.3.047.562.188.875.188c3.426 0 6.187-2.945 6.187-6.469c0-3.476-2.695-6.367-6.062-6.437a7 7 0 0 0 .062-.781C19.656 6.913 16.895 4 13.47 4zm0 2c2.289 0 4.187 1.941 4.187 4.438s-1.898 4.468-4.187 4.468a3.9 3.9 0 0 1-1.5-.312l-1.375-.563v4.188L9 18.562V6.595h2.375l.219-.125A3.9 3.9 0 0 1 13.469 6m-.844.781c-.559 0-1.078.176-1.531.438l-.5.281v5.813l.5.28c.453.262.976.438 1.531.438c1.887 0 3.313-1.703 3.313-3.625s-1.426-3.625-3.313-3.625m-.031 2h.031c.66 0 1.313.656 1.313 1.625s-.653 1.625-1.313 1.625h-.031zm6.875 4.438c2.289 0 4.187 1.941 4.187 4.437s-1.898 4.469-4.187 4.469a3.9 3.9 0 0 1-1.5-.313l-1.375-.562v4.188L15 25.78v-9.06a6 6 0 0 0 1.594-.688v4.5l.5.282c.453.261.976.437 1.531.437c1.887 0 3.313-1.703 3.313-3.625S20.512 14 18.625 14c.148-.234.254-.496.375-.75c0-.004.031.004.031 0c.14-.02.293-.031.438-.031M18.594 16h.031c.66 0 1.313.656 1.313 1.625s-.653 1.625-1.313 1.625h-.031z"/></svg> </template>
CSS
.icon-pied-piper {
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%22M13.469%204c-.848%200-1.61.27-2.344.594H7V21l1.188-.25l3.593-.719l.813-.156v-3.156c.14.023.273.086.406.125v11.375l1.188-.25l3.593-.719l.813-.156v-3.157c.3.047.562.188.875.188c3.426%200%206.187-2.945%206.187-6.469c0-3.476-2.695-6.367-6.062-6.437a7%207%200%200%200%20.062-.781C19.656%206.913%2016.895%204%2013.47%204zm0%202c2.289%200%204.187%201.941%204.187%204.438s-1.898%204.468-4.187%204.468a3.9%203.9%200%200%201-1.5-.312l-1.375-.563v4.188L9%2018.562V6.595h2.375l.219-.125A3.9%203.9%200%200%201%2013.469%206m-.844.781c-.559%200-1.078.176-1.531.438l-.5.281v5.813l.5.28c.453.262.976.438%201.531.438c1.887%200%203.313-1.703%203.313-3.625s-1.426-3.625-3.313-3.625m-.031%202h.031c.66%200%201.313.656%201.313%201.625s-.653%201.625-1.313%201.625h-.031zm6.875%204.438c2.289%200%204.187%201.941%204.187%204.437s-1.898%204.469-4.187%204.469a3.9%203.9%200%200%201-1.5-.313l-1.375-.562v4.188L15%2025.78v-9.06a6%206%200%200%200%201.594-.688v4.5l.5.282c.453.261.976.437%201.531.437c1.887%200%203.313-1.703%203.313-3.625S20.512%2014%2018.625%2014c.148-.234.254-.496.375-.75c0-.004.031.004.031%200c.14-.02.293-.031.438-.031M18.594%2016h.031c.66%200%201.313.656%201.313%201.625s-.653%201.625-1.313%201.625h-.031z%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%22M13.469%204c-.848%200-1.61.27-2.344.594H7V21l1.188-.25l3.593-.719l.813-.156v-3.156c.14.023.273.086.406.125v11.375l1.188-.25l3.593-.719l.813-.156v-3.157c.3.047.562.188.875.188c3.426%200%206.187-2.945%206.187-6.469c0-3.476-2.695-6.367-6.062-6.437a7%207%200%200%200%20.062-.781C19.656%206.913%2016.895%204%2013.47%204zm0%202c2.289%200%204.187%201.941%204.187%204.438s-1.898%204.468-4.187%204.468a3.9%203.9%200%200%201-1.5-.312l-1.375-.563v4.188L9%2018.562V6.595h2.375l.219-.125A3.9%203.9%200%200%201%2013.469%206m-.844.781c-.559%200-1.078.176-1.531.438l-.5.281v5.813l.5.28c.453.262.976.438%201.531.438c1.887%200%203.313-1.703%203.313-3.625s-1.426-3.625-3.313-3.625m-.031%202h.031c.66%200%201.313.656%201.313%201.625s-.653%201.625-1.313%201.625h-.031zm6.875%204.438c2.289%200%204.187%201.941%204.187%204.437s-1.898%204.469-4.187%204.469a3.9%203.9%200%200%201-1.5-.313l-1.375-.562v4.188L15%2025.78v-9.06a6%206%200%200%200%201.594-.688v4.5l.5.282c.453.261.976.437%201.531.437c1.887%200%203.313-1.703%203.313-3.625S20.512%2014%2018.625%2014c.148-.234.254-.496.375-.75c0-.004.031.004.031%200c.14-.02.293-.031.438-.031M18.594%2016h.031c.66%200%201.313.656%201.313%201.625s-.653%201.625-1.313%201.625h-.031z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/pied-piper.svg?color=%231a73e8&size=48
