splotch icon
splotch from Line Awesome by Icons8 · Line · Design · Apache-2.0 Free for personal and commercial use.
- Name
- splotch
- Set
- Line Awesome
- Style
- Line
- Category
- Design
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- splotch-solid
The same icon in other sets
More design icons from Line Awesome
Use the splotch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.379 4.918a3.84 3.84 0 0 0-2.781 1.234l-1.942 2.3c-.363.393-.93.596-1.594.548H7.97c-1.666 0-3.088.82-3.715 2.139c-.513 1.08-.363 2.286.459 3.285l1.998 2.053c.27.333.354.61.107 1.134l-1.441 2.522c-.547 1.149-.394 2.431.41 3.435c.895 1.116 2.414 1.625 3.91 1.282l2.885-.78a1.95 1.95 0 0 1 1.645.366l2.51 1.806a3.86 3.86 0 0 0 2.39.824a4 4 0 0 0 1.613-.343c1.224-.54 2.01-1.611 2.102-2.87l.201-2.787c.032-.456.328-.875.838-1.15l2.27-1.383c1.232-.66 1.936-1.89 1.84-3.209c-.1-1.346-1.004-2.484-2.36-2.97l-2.879-1.034c-.514-.184-.892-.568-1.008-1.027l-.687-2.723c-.315-1.245-1.296-2.188-2.625-2.527a4 4 0 0 0-1.053-.125zm.115 2.002q.237.008.442.06c.607.154 1.047.56 1.18 1.082l.687 2.721c.28 1.105 1.126 2.01 2.27 2.42l2.88 1.033c.611.218 1 .682 1.041 1.237c.04.535-.248 1.007-.838 1.324l-2.267 1.385c-1.07.574-1.76 1.598-1.842 2.742l-.201 2.785c-.053.73-.656 1.073-.912 1.186a1.94 1.94 0 0 1-1.995-.249l-2.51-1.806a3.9 3.9 0 0 0-2.404-.815q-.462 0-.925.108l-2.883.78c-.87.194-1.547-.196-1.865-.593c-.187-.233-.46-.715-.204-1.26l1.444-2.519c.582-1.22.471-2.338-.385-3.389l-2-2.056a.98.98 0 0 1-.144-1.1C6.28 11.537 6.91 11 7.968 11l3.01-.002a3.89 3.89 0 0 0 3.175-1.223l1.94-2.298c.4-.433.93-.572 1.4-.557z"/></svg>
React
import type { SVGProps } from "react";
export function LaSplotch(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="M17.379 4.918a3.84 3.84 0 0 0-2.781 1.234l-1.942 2.3c-.363.393-.93.596-1.594.548H7.97c-1.666 0-3.088.82-3.715 2.139c-.513 1.08-.363 2.286.459 3.285l1.998 2.053c.27.333.354.61.107 1.134l-1.441 2.522c-.547 1.149-.394 2.431.41 3.435c.895 1.116 2.414 1.625 3.91 1.282l2.885-.78a1.95 1.95 0 0 1 1.645.366l2.51 1.806a3.86 3.86 0 0 0 2.39.824a4 4 0 0 0 1.613-.343c1.224-.54 2.01-1.611 2.102-2.87l.201-2.787c.032-.456.328-.875.838-1.15l2.27-1.383c1.232-.66 1.936-1.89 1.84-3.209c-.1-1.346-1.004-2.484-2.36-2.97l-2.879-1.034c-.514-.184-.892-.568-1.008-1.027l-.687-2.723c-.315-1.245-1.296-2.188-2.625-2.527a4 4 0 0 0-1.053-.125zm.115 2.002q.237.008.442.06c.607.154 1.047.56 1.18 1.082l.687 2.721c.28 1.105 1.126 2.01 2.27 2.42l2.88 1.033c.611.218 1 .682 1.041 1.237c.04.535-.248 1.007-.838 1.324l-2.267 1.385c-1.07.574-1.76 1.598-1.842 2.742l-.201 2.785c-.053.73-.656 1.073-.912 1.186a1.94 1.94 0 0 1-1.995-.249l-2.51-1.806a3.9 3.9 0 0 0-2.404-.815q-.462 0-.925.108l-2.883.78c-.87.194-1.547-.196-1.865-.593c-.187-.233-.46-.715-.204-1.26l1.444-2.519c.582-1.22.471-2.338-.385-3.389l-2-2.056a.98.98 0 0 1-.144-1.1C6.28 11.537 6.91 11 7.968 11l3.01-.002a3.89 3.89 0 0 0 3.175-1.223l1.94-2.298c.4-.433.93-.572 1.4-.557z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.379 4.918a3.84 3.84 0 0 0-2.781 1.234l-1.942 2.3c-.363.393-.93.596-1.594.548H7.97c-1.666 0-3.088.82-3.715 2.139c-.513 1.08-.363 2.286.459 3.285l1.998 2.053c.27.333.354.61.107 1.134l-1.441 2.522c-.547 1.149-.394 2.431.41 3.435c.895 1.116 2.414 1.625 3.91 1.282l2.885-.78a1.95 1.95 0 0 1 1.645.366l2.51 1.806a3.86 3.86 0 0 0 2.39.824a4 4 0 0 0 1.613-.343c1.224-.54 2.01-1.611 2.102-2.87l.201-2.787c.032-.456.328-.875.838-1.15l2.27-1.383c1.232-.66 1.936-1.89 1.84-3.209c-.1-1.346-1.004-2.484-2.36-2.97l-2.879-1.034c-.514-.184-.892-.568-1.008-1.027l-.687-2.723c-.315-1.245-1.296-2.188-2.625-2.527a4 4 0 0 0-1.053-.125zm.115 2.002q.237.008.442.06c.607.154 1.047.56 1.18 1.082l.687 2.721c.28 1.105 1.126 2.01 2.27 2.42l2.88 1.033c.611.218 1 .682 1.041 1.237c.04.535-.248 1.007-.838 1.324l-2.267 1.385c-1.07.574-1.76 1.598-1.842 2.742l-.201 2.785c-.053.73-.656 1.073-.912 1.186a1.94 1.94 0 0 1-1.995-.249l-2.51-1.806a3.9 3.9 0 0 0-2.404-.815q-.462 0-.925.108l-2.883.78c-.87.194-1.547-.196-1.865-.593c-.187-.233-.46-.715-.204-1.26l1.444-2.519c.582-1.22.471-2.338-.385-3.389l-2-2.056a.98.98 0 0 1-.144-1.1C6.28 11.537 6.91 11 7.968 11l3.01-.002a3.89 3.89 0 0 0 3.175-1.223l1.94-2.298c.4-.433.93-.572 1.4-.557z"/></svg> </template>
CSS
.icon-splotch {
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%22M17.379%204.918a3.84%203.84%200%200%200-2.781%201.234l-1.942%202.3c-.363.393-.93.596-1.594.548H7.97c-1.666%200-3.088.82-3.715%202.139c-.513%201.08-.363%202.286.459%203.285l1.998%202.053c.27.333.354.61.107%201.134l-1.441%202.522c-.547%201.149-.394%202.431.41%203.435c.895%201.116%202.414%201.625%203.91%201.282l2.885-.78a1.95%201.95%200%200%201%201.645.366l2.51%201.806a3.86%203.86%200%200%200%202.39.824a4%204%200%200%200%201.613-.343c1.224-.54%202.01-1.611%202.102-2.87l.201-2.787c.032-.456.328-.875.838-1.15l2.27-1.383c1.232-.66%201.936-1.89%201.84-3.209c-.1-1.346-1.004-2.484-2.36-2.97l-2.879-1.034c-.514-.184-.892-.568-1.008-1.027l-.687-2.723c-.315-1.245-1.296-2.188-2.625-2.527a4%204%200%200%200-1.053-.125zm.115%202.002q.237.008.442.06c.607.154%201.047.56%201.18%201.082l.687%202.721c.28%201.105%201.126%202.01%202.27%202.42l2.88%201.033c.611.218%201%20.682%201.041%201.237c.04.535-.248%201.007-.838%201.324l-2.267%201.385c-1.07.574-1.76%201.598-1.842%202.742l-.201%202.785c-.053.73-.656%201.073-.912%201.186a1.94%201.94%200%200%201-1.995-.249l-2.51-1.806a3.9%203.9%200%200%200-2.404-.815q-.462%200-.925.108l-2.883.78c-.87.194-1.547-.196-1.865-.593c-.187-.233-.46-.715-.204-1.26l1.444-2.519c.582-1.22.471-2.338-.385-3.389l-2-2.056a.98.98%200%200%201-.144-1.1C6.28%2011.537%206.91%2011%207.968%2011l3.01-.002a3.89%203.89%200%200%200%203.175-1.223l1.94-2.298c.4-.433.93-.572%201.4-.557z%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%22M17.379%204.918a3.84%203.84%200%200%200-2.781%201.234l-1.942%202.3c-.363.393-.93.596-1.594.548H7.97c-1.666%200-3.088.82-3.715%202.139c-.513%201.08-.363%202.286.459%203.285l1.998%202.053c.27.333.354.61.107%201.134l-1.441%202.522c-.547%201.149-.394%202.431.41%203.435c.895%201.116%202.414%201.625%203.91%201.282l2.885-.78a1.95%201.95%200%200%201%201.645.366l2.51%201.806a3.86%203.86%200%200%200%202.39.824a4%204%200%200%200%201.613-.343c1.224-.54%202.01-1.611%202.102-2.87l.201-2.787c.032-.456.328-.875.838-1.15l2.27-1.383c1.232-.66%201.936-1.89%201.84-3.209c-.1-1.346-1.004-2.484-2.36-2.97l-2.879-1.034c-.514-.184-.892-.568-1.008-1.027l-.687-2.723c-.315-1.245-1.296-2.188-2.625-2.527a4%204%200%200%200-1.053-.125zm.115%202.002q.237.008.442.06c.607.154%201.047.56%201.18%201.082l.687%202.721c.28%201.105%201.126%202.01%202.27%202.42l2.88%201.033c.611.218%201%20.682%201.041%201.237c.04.535-.248%201.007-.838%201.324l-2.267%201.385c-1.07.574-1.76%201.598-1.842%202.742l-.201%202.785c-.053.73-.656%201.073-.912%201.186a1.94%201.94%200%200%201-1.995-.249l-2.51-1.806a3.9%203.9%200%200%200-2.404-.815q-.462%200-.925.108l-2.883.78c-.87.194-1.547-.196-1.865-.593c-.187-.233-.46-.715-.204-1.26l1.444-2.519c.582-1.22.471-2.338-.385-3.389l-2-2.056a.98.98%200%200%201-.144-1.1C6.28%2011.537%206.91%2011%207.968%2011l3.01-.002a3.89%203.89%200%200%200%203.175-1.223l1.94-2.298c.4-.433.93-.572%201.4-.557z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/splotch.svg?color=%231a73e8&size=48
