pokemon icon
pokemon from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- pokemon
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the pokemon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path d="M12 21c4.418 0 8-1.79 8-4c0-.977-.84-1.532-1.052-2.411c-.12-.496.052-1.078.052-1.589a7 7 0 0 0-.751-3.158C20.126 8.212 22 5.606 22 3c-4.153 0-6.257 2.35-6.9 3.722a7.06 7.06 0 0 0-6.2 0C8.257 5.349 6.153 3 2 3c0 2.606 1.874 5.213 3.751 6.842A7 7 0 0 0 5 13c0 .511.172 1.093.053 1.589C4.84 15.468 4 16.023 4 17c0 2.21 3.582 4 8 4Z"/><path stroke-linecap="round" d="M11 16c.793.66 1.206.674 2 0m-4-3.5h-.009m6.017 0h-.009m-9.891 1.523c1.254.402 3.085 2.708.677 4.915m13.108-4.895c-1.254.401-3.085 2.708-.677 4.915"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPokemon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5"><path d="M12 21c4.418 0 8-1.79 8-4c0-.977-.84-1.532-1.052-2.411c-.12-.496.052-1.078.052-1.589a7 7 0 0 0-.751-3.158C20.126 8.212 22 5.606 22 3c-4.153 0-6.257 2.35-6.9 3.722a7.06 7.06 0 0 0-6.2 0C8.257 5.349 6.153 3 2 3c0 2.606 1.874 5.213 3.751 6.842A7 7 0 0 0 5 13c0 .511.172 1.093.053 1.589C4.84 15.468 4 16.023 4 17c0 2.21 3.582 4 8 4Z"/><path strokeLinecap="round" d="M11 16c.793.66 1.206.674 2 0m-4-3.5h-.009m6.017 0h-.009m-9.891 1.523c1.254.402 3.085 2.708.677 4.915m13.108-4.895c-1.254.401-3.085 2.708-.677 4.915"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path d="M12 21c4.418 0 8-1.79 8-4c0-.977-.84-1.532-1.052-2.411c-.12-.496.052-1.078.052-1.589a7 7 0 0 0-.751-3.158C20.126 8.212 22 5.606 22 3c-4.153 0-6.257 2.35-6.9 3.722a7.06 7.06 0 0 0-6.2 0C8.257 5.349 6.153 3 2 3c0 2.606 1.874 5.213 3.751 6.842A7 7 0 0 0 5 13c0 .511.172 1.093.053 1.589C4.84 15.468 4 16.023 4 17c0 2.21 3.582 4 8 4Z"/><path stroke-linecap="round" d="M11 16c.793.66 1.206.674 2 0m-4-3.5h-.009m6.017 0h-.009m-9.891 1.523c1.254.402 3.085 2.708.677 4.915m13.108-4.895c-1.254.401-3.085 2.708-.677 4.915"/></g></svg> </template>
CSS
.icon-pokemon {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%2021c4.418%200%208-1.79%208-4c0-.977-.84-1.532-1.052-2.411c-.12-.496.052-1.078.052-1.589a7%207%200%200%200-.751-3.158C20.126%208.212%2022%205.606%2022%203c-4.153%200-6.257%202.35-6.9%203.722a7.06%207.06%200%200%200-6.2%200C8.257%205.349%206.153%203%202%203c0%202.606%201.874%205.213%203.751%206.842A7%207%200%200%200%205%2013c0%20.511.172%201.093.053%201.589C4.84%2015.468%204%2016.023%204%2017c0%202.21%203.582%204%208%204Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11%2016c.793.66%201.206.674%202%200m-4-3.5h-.009m6.017%200h-.009m-9.891%201.523c1.254.402%203.085%202.708.677%204.915m13.108-4.895c-1.254.401-3.085%202.708-.677%204.915%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%2021c4.418%200%208-1.79%208-4c0-.977-.84-1.532-1.052-2.411c-.12-.496.052-1.078.052-1.589a7%207%200%200%200-.751-3.158C20.126%208.212%2022%205.606%2022%203c-4.153%200-6.257%202.35-6.9%203.722a7.06%207.06%200%200%200-6.2%200C8.257%205.349%206.153%203%202%203c0%202.606%201.874%205.213%203.751%206.842A7%207%200%200%200%205%2013c0%20.511.172%201.093.053%201.589C4.84%2015.468%204%2016.023%204%2017c0%202.21%203.582%204%208%204Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11%2016c.793.66%201.206.674%202%200m-4-3.5h-.009m6.017%200h-.009m-9.891%201.523c1.254.402%203.085%202.708.677%204.915m13.108-4.895c-1.254.401-3.085%202.708-.677%204.915%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/pokemon.svg?color=%231a73e8&size=48
