sass icon
sass-fill from Akar Icons by Arturo Wibawa · Fill · MIT Free for personal and commercial use.
- Name
- sass-fill
- Set
- Akar Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the sass icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="currentColor" d="M12 0c6.6 0 12 5.4 12 12s-5.4 12-12 12S0 18.6 0 12S5.4 0 12 0M9.6 15.975q.225 1.012 0 1.8L9.525 18c0 .075-.075.15-.075.15c-.15.3-.3.525-.525.825c-.675.75-1.65 1.05-2.1.825s-.225-1.35.6-2.175c.9-.9 2.1-1.5 2.1-1.5zM19.5 5.1c-.525-2.1-4.05-2.85-7.425-1.65c-1.95.75-4.125 1.875-5.7 3.3c-1.875 1.725-2.1 3.225-2.025 3.825C4.8 12.75 7.8 14.25 9.075 15.3C8.7 15.45 6 16.8 5.4 18.225c-.675 1.5.075 2.55.6 2.625c1.575.45 3.225-.375 4.05-1.65s.75-2.85.375-3.675a3.53 3.53 0 0 1 1.8-.075c2.1.225 2.55 1.575 2.4 2.1s-.525.825-.675.975c-.15.075-.225.15-.15.15c0 .075.075.075.225.075s1.125-.45 1.125-1.5c.075-1.275-1.2-2.7-3.375-2.7c-.9 0-1.5.075-1.875.225c0-.075-.075-.075-.075-.075c-1.35-1.425-3.825-2.475-3.75-4.425c0-.675.3-2.55 4.8-4.8c3.675-1.875 6.675-1.35 7.2-.225c.75 1.575-1.575 4.575-5.4 5.025c-1.5.15-2.25-.375-2.4-.6c-.225-.225-.225-.225-.3-.225c-.15.075-.075.225 0 .375c.15.3.6.825 1.425 1.125c.675.225 2.4.375 4.5-.45c2.325-.9 4.125-3.375 3.6-5.475z"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function AkarIconsSassFill(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"><g clipPath="url(#SVGXv8lpc2Y)"><path fill="currentColor" d="M12 0c6.6 0 12 5.4 12 12s-5.4 12-12 12S0 18.6 0 12S5.4 0 12 0M9.6 15.975q.225 1.012 0 1.8L9.525 18c0 .075-.075.15-.075.15c-.15.3-.3.525-.525.825c-.675.75-1.65 1.05-2.1.825s-.225-1.35.6-2.175c.9-.9 2.1-1.5 2.1-1.5zM19.5 5.1c-.525-2.1-4.05-2.85-7.425-1.65c-1.95.75-4.125 1.875-5.7 3.3c-1.875 1.725-2.1 3.225-2.025 3.825C4.8 12.75 7.8 14.25 9.075 15.3C8.7 15.45 6 16.8 5.4 18.225c-.675 1.5.075 2.55.6 2.625c1.575.45 3.225-.375 4.05-1.65s.75-2.85.375-3.675a3.53 3.53 0 0 1 1.8-.075c2.1.225 2.55 1.575 2.4 2.1s-.525.825-.675.975c-.15.075-.225.15-.15.15c0 .075.075.075.225.075s1.125-.45 1.125-1.5c.075-1.275-1.2-2.7-3.375-2.7c-.9 0-1.5.075-1.875.225c0-.075-.075-.075-.075-.075c-1.35-1.425-3.825-2.475-3.75-4.425c0-.675.3-2.55 4.8-4.8c3.675-1.875 6.675-1.35 7.2-.225c.75 1.575-1.575 4.575-5.4 5.025c-1.5.15-2.25-.375-2.4-.6c-.225-.225-.225-.225-.3-.225c-.15.075-.075.225 0 .375c.15.3.6.825 1.425 1.125c.675.225 2.4.375 4.5-.45c2.325-.9 4.125-3.375 3.6-5.475z"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="currentColor" d="M12 0c6.6 0 12 5.4 12 12s-5.4 12-12 12S0 18.6 0 12S5.4 0 12 0M9.6 15.975q.225 1.012 0 1.8L9.525 18c0 .075-.075.15-.075.15c-.15.3-.3.525-.525.825c-.675.75-1.65 1.05-2.1.825s-.225-1.35.6-2.175c.9-.9 2.1-1.5 2.1-1.5zM19.5 5.1c-.525-2.1-4.05-2.85-7.425-1.65c-1.95.75-4.125 1.875-5.7 3.3c-1.875 1.725-2.1 3.225-2.025 3.825C4.8 12.75 7.8 14.25 9.075 15.3C8.7 15.45 6 16.8 5.4 18.225c-.675 1.5.075 2.55.6 2.625c1.575.45 3.225-.375 4.05-1.65s.75-2.85.375-3.675a3.53 3.53 0 0 1 1.8-.075c2.1.225 2.55 1.575 2.4 2.1s-.525.825-.675.975c-.15.075-.225.15-.15.15c0 .075.075.075.225.075s1.125-.45 1.125-1.5c.075-1.275-1.2-2.7-3.375-2.7c-.9 0-1.5.075-1.875.225c0-.075-.075-.075-.075-.075c-1.35-1.425-3.825-2.475-3.75-4.425c0-.675.3-2.55 4.8-4.8c3.675-1.875 6.675-1.35 7.2-.225c.75 1.575-1.575 4.575-5.4 5.025c-1.5.15-2.25-.375-2.4-.6c-.225-.225-.225-.225-.3-.225c-.15.075-.075.225 0 .375c.15.3.6.825 1.425 1.125c.675.225 2.4.375 4.5-.45c2.325-.9 4.125-3.375 3.6-5.475z"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sass-fill {
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%3E%3Cg%20clip-path%3D%22url(%23SVGXv8lpc2Y)%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200c6.6%200%2012%205.4%2012%2012s-5.4%2012-12%2012S0%2018.6%200%2012S5.4%200%2012%200M9.6%2015.975q.225%201.012%200%201.8L9.525%2018c0%20.075-.075.15-.075.15c-.15.3-.3.525-.525.825c-.675.75-1.65%201.05-2.1.825s-.225-1.35.6-2.175c.9-.9%202.1-1.5%202.1-1.5zM19.5%205.1c-.525-2.1-4.05-2.85-7.425-1.65c-1.95.75-4.125%201.875-5.7%203.3c-1.875%201.725-2.1%203.225-2.025%203.825C4.8%2012.75%207.8%2014.25%209.075%2015.3C8.7%2015.45%206%2016.8%205.4%2018.225c-.675%201.5.075%202.55.6%202.625c1.575.45%203.225-.375%204.05-1.65s.75-2.85.375-3.675a3.53%203.53%200%200%201%201.8-.075c2.1.225%202.55%201.575%202.4%202.1s-.525.825-.675.975c-.15.075-.225.15-.15.15c0%20.075.075.075.225.075s1.125-.45%201.125-1.5c.075-1.275-1.2-2.7-3.375-2.7c-.9%200-1.5.075-1.875.225c0-.075-.075-.075-.075-.075c-1.35-1.425-3.825-2.475-3.75-4.425c0-.675.3-2.55%204.8-4.8c3.675-1.875%206.675-1.35%207.2-.225c.75%201.575-1.575%204.575-5.4%205.025c-1.5.15-2.25-.375-2.4-.6c-.225-.225-.225-.225-.3-.225c-.15.075-.075.225%200%20.375c.15.3.6.825%201.425%201.125c.675.225%202.4.375%204.5-.45c2.325-.9%204.125-3.375%203.6-5.475z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGXv8lpc2Y%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%3E%3Cg%20clip-path%3D%22url(%23SVGXv8lpc2Y)%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200c6.6%200%2012%205.4%2012%2012s-5.4%2012-12%2012S0%2018.6%200%2012S5.4%200%2012%200M9.6%2015.975q.225%201.012%200%201.8L9.525%2018c0%20.075-.075.15-.075.15c-.15.3-.3.525-.525.825c-.675.75-1.65%201.05-2.1.825s-.225-1.35.6-2.175c.9-.9%202.1-1.5%202.1-1.5zM19.5%205.1c-.525-2.1-4.05-2.85-7.425-1.65c-1.95.75-4.125%201.875-5.7%203.3c-1.875%201.725-2.1%203.225-2.025%203.825C4.8%2012.75%207.8%2014.25%209.075%2015.3C8.7%2015.45%206%2016.8%205.4%2018.225c-.675%201.5.075%202.55.6%202.625c1.575.45%203.225-.375%204.05-1.65s.75-2.85.375-3.675a3.53%203.53%200%200%201%201.8-.075c2.1.225%202.55%201.575%202.4%202.1s-.525.825-.675.975c-.15.075-.225.15-.15.15c0%20.075.075.075.225.075s1.125-.45%201.125-1.5c.075-1.275-1.2-2.7-3.375-2.7c-.9%200-1.5.075-1.875.225c0-.075-.075-.075-.075-.075c-1.35-1.425-3.825-2.475-3.75-4.425c0-.675.3-2.55%204.8-4.8c3.675-1.875%206.675-1.35%207.2-.225c.75%201.575-1.575%204.575-5.4%205.025c-1.5.15-2.25-.375-2.4-.6c-.225-.225-.225-.225-.3-.225c-.15.075-.075.225%200%20.375c.15.3.6.825%201.425%201.125c.675.225%202.4.375%204.5-.45c2.325-.9%204.125-3.375%203.6-5.475z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGXv8lpc2Y%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/akar-icons/sass-fill.svg?color=%231a73e8&size=48
