background replace icon
background-replace from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- background-replace
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- background-replace-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the background replace icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 9.054v-1.26l4.564-4.563h1.259zM4 4.98V3.808l.577-.577H5.75zm11.021 1.233q-.173-.141-.364-.279t-.376-.24l2.463-2.464h1.26zM4.577 15.397l3.117-3.117q.118.217.219.384q.1.168.23.31L6.7 14.417q-.47.137-1.018.39q-.55.253-1.105.591m12.058-6.732v-.012q-.039-.206-.123-.463q-.085-.258-.196-.452L20 4.054V5.3zM10.554 5.33l2.106-2.1h1.26l-1.908 1.908q-.064-.012-.121-.018q-.058-.005-.122-.005q-.275.019-.607.082t-.608.133M4 13.144v-1.26l3.33-3.33q-.088.313-.141.617q-.054.304-.054.579q0 .063.006.121q.005.058.017.115zm14.437 1.902q-.181-.127-.367-.238t-.408-.24L20 12.227v1.26zm-1.996-2.088q.055-.171.082-.33t.044-.324q.025-.19.015-.381q-.01-.19-.024-.356L20 8.12v1.285zM12 13q-1.246 0-2.123-.877T9 10t.877-2.123T12 7t2.123.877T15 10t-.877 2.123T12 13m-7 7v-1.41q0-.696.377-1.2t.954-.802q1.217-.592 2.657-.975T12 15.232t3.013.383t2.656.974q.558.28.944.802q.387.523.387 1.2V20z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightBackgroundReplace(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" d="M4 9.054v-1.26l4.564-4.563h1.259zM4 4.98V3.808l.577-.577H5.75zm11.021 1.233q-.173-.141-.364-.279t-.376-.24l2.463-2.464h1.26zM4.577 15.397l3.117-3.117q.118.217.219.384q.1.168.23.31L6.7 14.417q-.47.137-1.018.39q-.55.253-1.105.591m12.058-6.732v-.012q-.039-.206-.123-.463q-.085-.258-.196-.452L20 4.054V5.3zM10.554 5.33l2.106-2.1h1.26l-1.908 1.908q-.064-.012-.121-.018q-.058-.005-.122-.005q-.275.019-.607.082t-.608.133M4 13.144v-1.26l3.33-3.33q-.088.313-.141.617q-.054.304-.054.579q0 .063.006.121q.005.058.017.115zm14.437 1.902q-.181-.127-.367-.238t-.408-.24L20 12.227v1.26zm-1.996-2.088q.055-.171.082-.33t.044-.324q.025-.19.015-.381q-.01-.19-.024-.356L20 8.12v1.285zM12 13q-1.246 0-2.123-.877T9 10t.877-2.123T12 7t2.123.877T15 10t-.877 2.123T12 13m-7 7v-1.41q0-.696.377-1.2t.954-.802q1.217-.592 2.657-.975T12 15.232t3.013.383t2.656.974q.558.28.944.802q.387.523.387 1.2V20z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 9.054v-1.26l4.564-4.563h1.259zM4 4.98V3.808l.577-.577H5.75zm11.021 1.233q-.173-.141-.364-.279t-.376-.24l2.463-2.464h1.26zM4.577 15.397l3.117-3.117q.118.217.219.384q.1.168.23.31L6.7 14.417q-.47.137-1.018.39q-.55.253-1.105.591m12.058-6.732v-.012q-.039-.206-.123-.463q-.085-.258-.196-.452L20 4.054V5.3zM10.554 5.33l2.106-2.1h1.26l-1.908 1.908q-.064-.012-.121-.018q-.058-.005-.122-.005q-.275.019-.607.082t-.608.133M4 13.144v-1.26l3.33-3.33q-.088.313-.141.617q-.054.304-.054.579q0 .063.006.121q.005.058.017.115zm14.437 1.902q-.181-.127-.367-.238t-.408-.24L20 12.227v1.26zm-1.996-2.088q.055-.171.082-.33t.044-.324q.025-.19.015-.381q-.01-.19-.024-.356L20 8.12v1.285zM12 13q-1.246 0-2.123-.877T9 10t.877-2.123T12 7t2.123.877T15 10t-.877 2.123T12 13m-7 7v-1.41q0-.696.377-1.2t.954-.802q1.217-.592 2.657-.975T12 15.232t3.013.383t2.656.974q.558.28.944.802q.387.523.387 1.2V20z"/></svg> </template>
CSS
.icon-background-replace {
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%20d%3D%22M4%209.054v-1.26l4.564-4.563h1.259zM4%204.98V3.808l.577-.577H5.75zm11.021%201.233q-.173-.141-.364-.279t-.376-.24l2.463-2.464h1.26zM4.577%2015.397l3.117-3.117q.118.217.219.384q.1.168.23.31L6.7%2014.417q-.47.137-1.018.39q-.55.253-1.105.591m12.058-6.732v-.012q-.039-.206-.123-.463q-.085-.258-.196-.452L20%204.054V5.3zM10.554%205.33l2.106-2.1h1.26l-1.908%201.908q-.064-.012-.121-.018q-.058-.005-.122-.005q-.275.019-.607.082t-.608.133M4%2013.144v-1.26l3.33-3.33q-.088.313-.141.617q-.054.304-.054.579q0%20.063.006.121q.005.058.017.115zm14.437%201.902q-.181-.127-.367-.238t-.408-.24L20%2012.227v1.26zm-1.996-2.088q.055-.171.082-.33t.044-.324q.025-.19.015-.381q-.01-.19-.024-.356L20%208.12v1.285zM12%2013q-1.246%200-2.123-.877T9%2010t.877-2.123T12%207t2.123.877T15%2010t-.877%202.123T12%2013m-7%207v-1.41q0-.696.377-1.2t.954-.802q1.217-.592%202.657-.975T12%2015.232t3.013.383t2.656.974q.558.28.944.802q.387.523.387%201.2V20z%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%20d%3D%22M4%209.054v-1.26l4.564-4.563h1.259zM4%204.98V3.808l.577-.577H5.75zm11.021%201.233q-.173-.141-.364-.279t-.376-.24l2.463-2.464h1.26zM4.577%2015.397l3.117-3.117q.118.217.219.384q.1.168.23.31L6.7%2014.417q-.47.137-1.018.39q-.55.253-1.105.591m12.058-6.732v-.012q-.039-.206-.123-.463q-.085-.258-.196-.452L20%204.054V5.3zM10.554%205.33l2.106-2.1h1.26l-1.908%201.908q-.064-.012-.121-.018q-.058-.005-.122-.005q-.275.019-.607.082t-.608.133M4%2013.144v-1.26l3.33-3.33q-.088.313-.141.617q-.054.304-.054.579q0%20.063.006.121q.005.058.017.115zm14.437%201.902q-.181-.127-.367-.238t-.408-.24L20%2012.227v1.26zm-1.996-2.088q.055-.171.082-.33t.044-.324q.025-.19.015-.381q-.01-.19-.024-.356L20%208.12v1.285zM12%2013q-1.246%200-2.123-.877T9%2010t.877-2.123T12%207t2.123.877T15%2010t-.877%202.123T12%2013m-7%207v-1.41q0-.696.377-1.2t.954-.802q1.217-.592%202.657-.975T12%2015.232t3.013.383t2.656.974q.558.28.944.802q.387.523.387%201.2V20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/background-replace.svg?color=%231a73e8&size=48
