slide text sparkle icon
slide-text-sparkle-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- slide-text-sparkle-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
11 other variants in Fluent UI System Icons
slide-text-sparkle-16-filledslide-text-sparkle-16-regularslide-text-sparkle-20-filledslide-text-sparkle-20-regularslide-text-sparkle-24-filledslide-text-sparkle-24-regularslide-text-sparkle-28-regularslide-text-sparkle-32-filledslide-text-sparkle-32-regularslide-text-sparkle-48-filledslide-text-sparkle-48-regular
The same icon in other sets
Related icons in Fluent UI System Icons
slide-add-16-filledslide-arrow-forward-20-filledslide-arrow-right-20-filledslide-content-20-filledslide-design-24-filledslide-eraser-16-filledslide-grid-20-filledslide-hide-20-filledslide-layout-20-filledslide-link-20-filledslide-microphone-20-filledslide-multiple-16-filledslide-multiple-arrow-right-20-filledslide-multiple-search-20-filledslide-play-20-filledslide-record-16-filledslide-search-16-filledslide-settings-20-filledslide-size-20-filledslide-text-16-filledslide-text-call-16-filledslide-text-cursor-20-filledslide-text-edit-16-filledslide-text-multiple-16-filled
Use the slide text sparkle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M18.171 6.829a3.16 3.16 0 0 1 .761 1.238l.498 1.53a.605.605 0 0 0 1.14 0l.498-1.53a3.15 3.15 0 0 1 1.998-1.996l1.53-.497a.605.605 0 0 0 0-1.14l-.03-.008l-1.531-.497a3.15 3.15 0 0 1-1.998-1.996L20.54.403a.604.604 0 0 0-1.14 0l-.498 1.53l-.013.038a3.15 3.15 0 0 1-1.955 1.958l-1.53.497a.605.605 0 0 0 0 1.14l1.53.497c.467.156.89.418 1.237.766m8.65 3.529l.918.298l.019.004a.362.362 0 0 1 0 .684l-.919.299a1.9 1.9 0 0 0-1.198 1.197l-.299.918a.363.363 0 0 1-.684 0l-.299-.918a1.89 1.89 0 0 0-1.198-1.202l-.919-.298a.362.362 0 0 1 0-.684l.919-.299a1.9 1.9 0 0 0 1.18-1.197l.299-.918a.363.363 0 0 1 .684 0l.298.918a1.89 1.89 0 0 0 1.199 1.197M14.366 4H5.755a3.75 3.75 0 0 0-3.75 3.75v12.5A3.75 3.75 0 0 0 5.754 24H22.25A3.75 3.75 0 0 0 26 20.25v-5.685q-.095.102-.21.184a1.37 1.37 0 0 1-1.58 0a1.34 1.34 0 0 1-.5-.68l-.3-.92a.9.9 0 0 0-.22-.35a.85.85 0 0 0-.34-.21l-.94-.31a1.3 1.3 0 0 1-.66-.49A1.4 1.4 0 0 1 21 11q0-.193.06-.38l-.13.11a1.64 1.64 0 0 1-1.86 0a1.7 1.7 0 0 1-.59-.8l-.5-1.53a2 2 0 0 0-.34-.64a2 2 0 0 0-.18-.21a2.25 2.25 0 0 0-.83-.52l-1.56-.5a1.55 1.55 0 0 1-.77-.59A1.58 1.58 0 0 1 14.365 4M7 9.728C7 9.326 7.326 9 7.728 9h5.544c.402 0 .728.326.728.728v.044a.73.73 0 0 1-.728.728H7.728A.73.73 0 0 1 7 9.772zm0 4.044v-.044c0-.402.326-.728.728-.728h10.544c.402 0 .728.326.728.728v.044a.73.73 0 0 1-.728.728H7.728A.73.73 0 0 1 7 13.772m0 3.956c0-.402.326-.728.728-.728h7.544c.402 0 .728.326.728.728v.044a.73.73 0 0 1-.728.728H7.728A.73.73 0 0 1 7 17.772z"/></svg>
React
import type { SVGProps } from "react";
export function FluentSlideTextSparkle28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M18.171 6.829a3.16 3.16 0 0 1 .761 1.238l.498 1.53a.605.605 0 0 0 1.14 0l.498-1.53a3.15 3.15 0 0 1 1.998-1.996l1.53-.497a.605.605 0 0 0 0-1.14l-.03-.008l-1.531-.497a3.15 3.15 0 0 1-1.998-1.996L20.54.403a.604.604 0 0 0-1.14 0l-.498 1.53l-.013.038a3.15 3.15 0 0 1-1.955 1.958l-1.53.497a.605.605 0 0 0 0 1.14l1.53.497c.467.156.89.418 1.237.766m8.65 3.529l.918.298l.019.004a.362.362 0 0 1 0 .684l-.919.299a1.9 1.9 0 0 0-1.198 1.197l-.299.918a.363.363 0 0 1-.684 0l-.299-.918a1.89 1.89 0 0 0-1.198-1.202l-.919-.298a.362.362 0 0 1 0-.684l.919-.299a1.9 1.9 0 0 0 1.18-1.197l.299-.918a.363.363 0 0 1 .684 0l.298.918a1.89 1.89 0 0 0 1.199 1.197M14.366 4H5.755a3.75 3.75 0 0 0-3.75 3.75v12.5A3.75 3.75 0 0 0 5.754 24H22.25A3.75 3.75 0 0 0 26 20.25v-5.685q-.095.102-.21.184a1.37 1.37 0 0 1-1.58 0a1.34 1.34 0 0 1-.5-.68l-.3-.92a.9.9 0 0 0-.22-.35a.85.85 0 0 0-.34-.21l-.94-.31a1.3 1.3 0 0 1-.66-.49A1.4 1.4 0 0 1 21 11q0-.193.06-.38l-.13.11a1.64 1.64 0 0 1-1.86 0a1.7 1.7 0 0 1-.59-.8l-.5-1.53a2 2 0 0 0-.34-.64a2 2 0 0 0-.18-.21a2.25 2.25 0 0 0-.83-.52l-1.56-.5a1.55 1.55 0 0 1-.77-.59A1.58 1.58 0 0 1 14.365 4M7 9.728C7 9.326 7.326 9 7.728 9h5.544c.402 0 .728.326.728.728v.044a.73.73 0 0 1-.728.728H7.728A.73.73 0 0 1 7 9.772zm0 4.044v-.044c0-.402.326-.728.728-.728h10.544c.402 0 .728.326.728.728v.044a.73.73 0 0 1-.728.728H7.728A.73.73 0 0 1 7 13.772m0 3.956c0-.402.326-.728.728-.728h7.544c.402 0 .728.326.728.728v.044a.73.73 0 0 1-.728.728H7.728A.73.73 0 0 1 7 17.772z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M18.171 6.829a3.16 3.16 0 0 1 .761 1.238l.498 1.53a.605.605 0 0 0 1.14 0l.498-1.53a3.15 3.15 0 0 1 1.998-1.996l1.53-.497a.605.605 0 0 0 0-1.14l-.03-.008l-1.531-.497a3.15 3.15 0 0 1-1.998-1.996L20.54.403a.604.604 0 0 0-1.14 0l-.498 1.53l-.013.038a3.15 3.15 0 0 1-1.955 1.958l-1.53.497a.605.605 0 0 0 0 1.14l1.53.497c.467.156.89.418 1.237.766m8.65 3.529l.918.298l.019.004a.362.362 0 0 1 0 .684l-.919.299a1.9 1.9 0 0 0-1.198 1.197l-.299.918a.363.363 0 0 1-.684 0l-.299-.918a1.89 1.89 0 0 0-1.198-1.202l-.919-.298a.362.362 0 0 1 0-.684l.919-.299a1.9 1.9 0 0 0 1.18-1.197l.299-.918a.363.363 0 0 1 .684 0l.298.918a1.89 1.89 0 0 0 1.199 1.197M14.366 4H5.755a3.75 3.75 0 0 0-3.75 3.75v12.5A3.75 3.75 0 0 0 5.754 24H22.25A3.75 3.75 0 0 0 26 20.25v-5.685q-.095.102-.21.184a1.37 1.37 0 0 1-1.58 0a1.34 1.34 0 0 1-.5-.68l-.3-.92a.9.9 0 0 0-.22-.35a.85.85 0 0 0-.34-.21l-.94-.31a1.3 1.3 0 0 1-.66-.49A1.4 1.4 0 0 1 21 11q0-.193.06-.38l-.13.11a1.64 1.64 0 0 1-1.86 0a1.7 1.7 0 0 1-.59-.8l-.5-1.53a2 2 0 0 0-.34-.64a2 2 0 0 0-.18-.21a2.25 2.25 0 0 0-.83-.52l-1.56-.5a1.55 1.55 0 0 1-.77-.59A1.58 1.58 0 0 1 14.365 4M7 9.728C7 9.326 7.326 9 7.728 9h5.544c.402 0 .728.326.728.728v.044a.73.73 0 0 1-.728.728H7.728A.73.73 0 0 1 7 9.772zm0 4.044v-.044c0-.402.326-.728.728-.728h10.544c.402 0 .728.326.728.728v.044a.73.73 0 0 1-.728.728H7.728A.73.73 0 0 1 7 13.772m0 3.956c0-.402.326-.728.728-.728h7.544c.402 0 .728.326.728.728v.044a.73.73 0 0 1-.728.728H7.728A.73.73 0 0 1 7 17.772z"/></svg> </template>
CSS
.icon-slide-text-sparkle-28-filled {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.171%206.829a3.16%203.16%200%200%201%20.761%201.238l.498%201.53a.605.605%200%200%200%201.14%200l.498-1.53a3.15%203.15%200%200%201%201.998-1.996l1.53-.497a.605.605%200%200%200%200-1.14l-.03-.008l-1.531-.497a3.15%203.15%200%200%201-1.998-1.996L20.54.403a.604.604%200%200%200-1.14%200l-.498%201.53l-.013.038a3.15%203.15%200%200%201-1.955%201.958l-1.53.497a.605.605%200%200%200%200%201.14l1.53.497c.467.156.89.418%201.237.766m8.65%203.529l.918.298l.019.004a.362.362%200%200%201%200%20.684l-.919.299a1.9%201.9%200%200%200-1.198%201.197l-.299.918a.363.363%200%200%201-.684%200l-.299-.918a1.89%201.89%200%200%200-1.198-1.202l-.919-.298a.362.362%200%200%201%200-.684l.919-.299a1.9%201.9%200%200%200%201.18-1.197l.299-.918a.363.363%200%200%201%20.684%200l.298.918a1.89%201.89%200%200%200%201.199%201.197M14.366%204H5.755a3.75%203.75%200%200%200-3.75%203.75v12.5A3.75%203.75%200%200%200%205.754%2024H22.25A3.75%203.75%200%200%200%2026%2020.25v-5.685q-.095.102-.21.184a1.37%201.37%200%200%201-1.58%200a1.34%201.34%200%200%201-.5-.68l-.3-.92a.9.9%200%200%200-.22-.35a.85.85%200%200%200-.34-.21l-.94-.31a1.3%201.3%200%200%201-.66-.49A1.4%201.4%200%200%201%2021%2011q0-.193.06-.38l-.13.11a1.64%201.64%200%200%201-1.86%200a1.7%201.7%200%200%201-.59-.8l-.5-1.53a2%202%200%200%200-.34-.64a2%202%200%200%200-.18-.21a2.25%202.25%200%200%200-.83-.52l-1.56-.5a1.55%201.55%200%200%201-.77-.59A1.58%201.58%200%200%201%2014.365%204M7%209.728C7%209.326%207.326%209%207.728%209h5.544c.402%200%20.728.326.728.728v.044a.73.73%200%200%201-.728.728H7.728A.73.73%200%200%201%207%209.772zm0%204.044v-.044c0-.402.326-.728.728-.728h10.544c.402%200%20.728.326.728.728v.044a.73.73%200%200%201-.728.728H7.728A.73.73%200%200%201%207%2013.772m0%203.956c0-.402.326-.728.728-.728h7.544c.402%200%20.728.326.728.728v.044a.73.73%200%200%201-.728.728H7.728A.73.73%200%200%201%207%2017.772z%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.171%206.829a3.16%203.16%200%200%201%20.761%201.238l.498%201.53a.605.605%200%200%200%201.14%200l.498-1.53a3.15%203.15%200%200%201%201.998-1.996l1.53-.497a.605.605%200%200%200%200-1.14l-.03-.008l-1.531-.497a3.15%203.15%200%200%201-1.998-1.996L20.54.403a.604.604%200%200%200-1.14%200l-.498%201.53l-.013.038a3.15%203.15%200%200%201-1.955%201.958l-1.53.497a.605.605%200%200%200%200%201.14l1.53.497c.467.156.89.418%201.237.766m8.65%203.529l.918.298l.019.004a.362.362%200%200%201%200%20.684l-.919.299a1.9%201.9%200%200%200-1.198%201.197l-.299.918a.363.363%200%200%201-.684%200l-.299-.918a1.89%201.89%200%200%200-1.198-1.202l-.919-.298a.362.362%200%200%201%200-.684l.919-.299a1.9%201.9%200%200%200%201.18-1.197l.299-.918a.363.363%200%200%201%20.684%200l.298.918a1.89%201.89%200%200%200%201.199%201.197M14.366%204H5.755a3.75%203.75%200%200%200-3.75%203.75v12.5A3.75%203.75%200%200%200%205.754%2024H22.25A3.75%203.75%200%200%200%2026%2020.25v-5.685q-.095.102-.21.184a1.37%201.37%200%200%201-1.58%200a1.34%201.34%200%200%201-.5-.68l-.3-.92a.9.9%200%200%200-.22-.35a.85.85%200%200%200-.34-.21l-.94-.31a1.3%201.3%200%200%201-.66-.49A1.4%201.4%200%200%201%2021%2011q0-.193.06-.38l-.13.11a1.64%201.64%200%200%201-1.86%200a1.7%201.7%200%200%201-.59-.8l-.5-1.53a2%202%200%200%200-.34-.64a2%202%200%200%200-.18-.21a2.25%202.25%200%200%200-.83-.52l-1.56-.5a1.55%201.55%200%200%201-.77-.59A1.58%201.58%200%200%201%2014.365%204M7%209.728C7%209.326%207.326%209%207.728%209h5.544c.402%200%20.728.326.728.728v.044a.73.73%200%200%201-.728.728H7.728A.73.73%200%200%201%207%209.772zm0%204.044v-.044c0-.402.326-.728.728-.728h10.544c.402%200%20.728.326.728.728v.044a.73.73%200%200%201-.728.728H7.728A.73.73%200%200%201%207%2013.772m0%203.956c0-.402.326-.728.728-.728h7.544c.402%200%20.728.326.728.728v.044a.73.73%200%200%201-.728.728H7.728A.73.73%200%200%201%207%2017.772z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/slide-text-sparkle-28-filled.svg?color=%231a73e8&size=48
