reply icon
reply-bold from Solar by 480 Design · Bold · Arrows Action · CC-BY-4.0 Attribution required.
- Name
- reply-bold
- Set
- Solar
- Style
- Bold
- Category
- Arrows Action
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
replyAkar IconsreplyBootstrap IconsreplyBoxIcons v2replyCarbonreplyCodiconsreplyFont Awesome 6 SolidreplyFont Awesome Solidreply-outlineFlowbite IconsreplyHuge IconsreplyIconoirreplyIonIconsreplyLine AwesomereplyLucidereplyMajesticonsreplyMaterial SymbolsreplyMaterial Symbols LightreplyMaterial Design IconsreplyOcticonsreplyPixelarticonsreplyPrime Iconsreply-fillRemix Icon
More arrows action icons from Solar
arrow-to-down-left-boldarrow-to-down-right-boldarrow-to-top-left-boldarrow-to-top-right-boldcircle-bottom-down-boldcircle-bottom-up-boldcircle-top-down-boldcircle-top-up-bolddownload-bolddownload-minimalistic-bolddownload-square-bolddownload-twice-square-boldexit-boldexport-boldforward-2-boldforward-boldimport-boldlogin-2-boldlogin-3-boldlogin-boldlogout-2-boldlogout-3-boldlogout-boldmaximize-bold
Use the reply icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.0303 6.46967C10.3232 6.76256 10.3232 7.23744 10.0303 7.53033L6.31066 11.25L14.5 11.25C15.4534 11.25 16.8667 11.5298 18.0632 12.3913C19.298 13.2804 20.25 14.7556 20.25 17C20.25 17.4142 19.9142 17.75 19.5 17.75C19.0858 17.75 18.75 17.4142 18.75 17C18.75 15.2444 18.0353 14.2196 17.1868 13.6087C16.3 12.9702 15.2133 12.75 14.5 12.75L6.31066 12.75L10.0303 16.4697C10.3232 16.7626 10.3232 17.2374 10.0303 17.5303C9.73744 17.8232 9.26256 17.8232 8.96967 17.5303L3.96967 12.5303C3.67678 12.2374 3.67678 11.7626 3.96967 11.4697L8.96967 6.46967C9.26256 6.17678 9.73744 6.17678 10.0303 6.46967Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarReplyBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M10.0303 6.46967C10.3232 6.76256 10.3232 7.23744 10.0303 7.53033L6.31066 11.25L14.5 11.25C15.4534 11.25 16.8667 11.5298 18.0632 12.3913C19.298 13.2804 20.25 14.7556 20.25 17C20.25 17.4142 19.9142 17.75 19.5 17.75C19.0858 17.75 18.75 17.4142 18.75 17C18.75 15.2444 18.0353 14.2196 17.1868 13.6087C16.3 12.9702 15.2133 12.75 14.5 12.75L6.31066 12.75L10.0303 16.4697C10.3232 16.7626 10.3232 17.2374 10.0303 17.5303C9.73744 17.8232 9.26256 17.8232 8.96967 17.5303L3.96967 12.5303C3.67678 12.2374 3.67678 11.7626 3.96967 11.4697L8.96967 6.46967C9.26256 6.17678 9.73744 6.17678 10.0303 6.46967Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.0303 6.46967C10.3232 6.76256 10.3232 7.23744 10.0303 7.53033L6.31066 11.25L14.5 11.25C15.4534 11.25 16.8667 11.5298 18.0632 12.3913C19.298 13.2804 20.25 14.7556 20.25 17C20.25 17.4142 19.9142 17.75 19.5 17.75C19.0858 17.75 18.75 17.4142 18.75 17C18.75 15.2444 18.0353 14.2196 17.1868 13.6087C16.3 12.9702 15.2133 12.75 14.5 12.75L6.31066 12.75L10.0303 16.4697C10.3232 16.7626 10.3232 17.2374 10.0303 17.5303C9.73744 17.8232 9.26256 17.8232 8.96967 17.5303L3.96967 12.5303C3.67678 12.2374 3.67678 11.7626 3.96967 11.4697L8.96967 6.46967C9.26256 6.17678 9.73744 6.17678 10.0303 6.46967Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-reply-bold {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.0303%206.46967C10.3232%206.76256%2010.3232%207.23744%2010.0303%207.53033L6.31066%2011.25L14.5%2011.25C15.4534%2011.25%2016.8667%2011.5298%2018.0632%2012.3913C19.298%2013.2804%2020.25%2014.7556%2020.25%2017C20.25%2017.4142%2019.9142%2017.75%2019.5%2017.75C19.0858%2017.75%2018.75%2017.4142%2018.75%2017C18.75%2015.2444%2018.0353%2014.2196%2017.1868%2013.6087C16.3%2012.9702%2015.2133%2012.75%2014.5%2012.75L6.31066%2012.75L10.0303%2016.4697C10.3232%2016.7626%2010.3232%2017.2374%2010.0303%2017.5303C9.73744%2017.8232%209.26256%2017.8232%208.96967%2017.5303L3.96967%2012.5303C3.67678%2012.2374%203.67678%2011.7626%203.96967%2011.4697L8.96967%206.46967C9.26256%206.17678%209.73744%206.17678%2010.0303%206.46967Z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.0303%206.46967C10.3232%206.76256%2010.3232%207.23744%2010.0303%207.53033L6.31066%2011.25L14.5%2011.25C15.4534%2011.25%2016.8667%2011.5298%2018.0632%2012.3913C19.298%2013.2804%2020.25%2014.7556%2020.25%2017C20.25%2017.4142%2019.9142%2017.75%2019.5%2017.75C19.0858%2017.75%2018.75%2017.4142%2018.75%2017C18.75%2015.2444%2018.0353%2014.2196%2017.1868%2013.6087C16.3%2012.9702%2015.2133%2012.75%2014.5%2012.75L6.31066%2012.75L10.0303%2016.4697C10.3232%2016.7626%2010.3232%2017.2374%2010.0303%2017.5303C9.73744%2017.8232%209.26256%2017.8232%208.96967%2017.5303L3.96967%2012.5303C3.67678%2012.2374%203.67678%2011.7626%203.96967%2011.4697L8.96967%206.46967C9.26256%206.17678%209.73744%206.17678%2010.0303%206.46967Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/reply-bold.svg?color=%231a73e8&size=48
