changedetection logo
changedetection from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- changedetection
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the changedetection logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.954 7.662c-.021-.05-.172-.196-.172-.196l-.113-.119l-1.893-1.974s-.173-.169-.216-.202a.63.63 0 0 0-.357-.108c-.124 0-.316.134-.393.23c-.072.092-.132.268-.093.378a1.6 1.6 0 0 0 .155.223l1.37 1.363l-3.555.002l-.202-.01s-.502.079-.635.124c-.196.067-.415.22-.573.353c-.047.04-.217.232-.217.232l-2.28 2.616l.72.721l2.218-2.462s.194-.199.237-.234c.145-.117.3-.236.48-.28c.06-.014.328-.025.328-.025h3.296l-1.065 1.09s-.158.2-.174.235c-.054.112-.071.312-.016.423c.042.083.176.225.27.239c.123.017.255.047.363-.017c.04-.024.198-.16.198-.16l2.11-2.109s.163-.131.193-.193c.02-.041.035-.099.018-.142zM9.891 12.74l-2.066 2.37s-.242.249-.293.293a1.4 1.4 0 0 1-.454.282a4 4 0 0 1-.416.067l-2.91.026s-.27.018-.315.027a.67.67 0 0 0-.34.22c-.094.112-.07.37.008.494c.069.107.258.183.385.2c.042.006.246.016.246.016h3.08s.381-.039.442-.064a2.6 2.6 0 0 0 .728-.43c.087-.07.497-.484.497-.484l2.096-2.328zM3.49 7.28c.042-.006.246-.016.246-.016h3.079s.382.039.443.064c.301.127.48.228.728.43c.087.07.497.484.497.484l6.232 6.922s.194.2.238.234c.145.117.299.237.48.28c.06.015.328.025.328.025h3.295l-1.065-1.09s-.158-.199-.174-.234c-.054-.112-.07-.312-.015-.423c.042-.083.176-.226.269-.239c.124-.017.255-.047.364.017c.04.024.198.16.198.16l2.11 2.109s.162.131.192.193c.02.04.035.099.018.142c-.02.05-.17.197-.17.197l-.114.118l-1.893 1.974s-.173.17-.216.202a.63.63 0 0 1-.357.108c-.124 0-.316-.134-.393-.23c-.072-.092-.132-.268-.093-.378a1.6 1.6 0 0 1 .155-.223l1.37-1.363l-3.555-.002l-.202.01s-.502-.079-.635-.124c-.196-.067-.415-.22-.573-.353a5 5 0 0 1-.217-.232l-6.235-7.15s-.242-.248-.293-.293a1.4 1.4 0 0 0-.454-.282c-.053-.022-.416-.066-.416-.066l-2.91-.027s-.27-.018-.315-.026a.67.67 0 0 1-.34-.221c-.095-.111-.07-.37.008-.493c.069-.108.258-.184.385-.2zM12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m0 1.295A10.705 10.705 0 0 1 22.705 12A10.705 10.705 0 0 1 12 22.705A10.705 10.705 0 0 1 1.295 12A10.705 10.705 0 0 1 12 1.295"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsChangedetection(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="M20.954 7.662c-.021-.05-.172-.196-.172-.196l-.113-.119l-1.893-1.974s-.173-.169-.216-.202a.63.63 0 0 0-.357-.108c-.124 0-.316.134-.393.23c-.072.092-.132.268-.093.378a1.6 1.6 0 0 0 .155.223l1.37 1.363l-3.555.002l-.202-.01s-.502.079-.635.124c-.196.067-.415.22-.573.353c-.047.04-.217.232-.217.232l-2.28 2.616l.72.721l2.218-2.462s.194-.199.237-.234c.145-.117.3-.236.48-.28c.06-.014.328-.025.328-.025h3.296l-1.065 1.09s-.158.2-.174.235c-.054.112-.071.312-.016.423c.042.083.176.225.27.239c.123.017.255.047.363-.017c.04-.024.198-.16.198-.16l2.11-2.109s.163-.131.193-.193c.02-.041.035-.099.018-.142zM9.891 12.74l-2.066 2.37s-.242.249-.293.293a1.4 1.4 0 0 1-.454.282a4 4 0 0 1-.416.067l-2.91.026s-.27.018-.315.027a.67.67 0 0 0-.34.22c-.094.112-.07.37.008.494c.069.107.258.183.385.2c.042.006.246.016.246.016h3.08s.381-.039.442-.064a2.6 2.6 0 0 0 .728-.43c.087-.07.497-.484.497-.484l2.096-2.328zM3.49 7.28c.042-.006.246-.016.246-.016h3.079s.382.039.443.064c.301.127.48.228.728.43c.087.07.497.484.497.484l6.232 6.922s.194.2.238.234c.145.117.299.237.48.28c.06.015.328.025.328.025h3.295l-1.065-1.09s-.158-.199-.174-.234c-.054-.112-.07-.312-.015-.423c.042-.083.176-.226.269-.239c.124-.017.255-.047.364.017c.04.024.198.16.198.16l2.11 2.109s.162.131.192.193c.02.04.035.099.018.142c-.02.05-.17.197-.17.197l-.114.118l-1.893 1.974s-.173.17-.216.202a.63.63 0 0 1-.357.108c-.124 0-.316-.134-.393-.23c-.072-.092-.132-.268-.093-.378a1.6 1.6 0 0 1 .155-.223l1.37-1.363l-3.555-.002l-.202.01s-.502-.079-.635-.124c-.196-.067-.415-.22-.573-.353a5 5 0 0 1-.217-.232l-6.235-7.15s-.242-.248-.293-.293a1.4 1.4 0 0 0-.454-.282c-.053-.022-.416-.066-.416-.066l-2.91-.027s-.27-.018-.315-.026a.67.67 0 0 1-.34-.221c-.095-.111-.07-.37.008-.493c.069-.108.258-.184.385-.2zM12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m0 1.295A10.705 10.705 0 0 1 22.705 12A10.705 10.705 0 0 1 12 22.705A10.705 10.705 0 0 1 1.295 12A10.705 10.705 0 0 1 12 1.295"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.954 7.662c-.021-.05-.172-.196-.172-.196l-.113-.119l-1.893-1.974s-.173-.169-.216-.202a.63.63 0 0 0-.357-.108c-.124 0-.316.134-.393.23c-.072.092-.132.268-.093.378a1.6 1.6 0 0 0 .155.223l1.37 1.363l-3.555.002l-.202-.01s-.502.079-.635.124c-.196.067-.415.22-.573.353c-.047.04-.217.232-.217.232l-2.28 2.616l.72.721l2.218-2.462s.194-.199.237-.234c.145-.117.3-.236.48-.28c.06-.014.328-.025.328-.025h3.296l-1.065 1.09s-.158.2-.174.235c-.054.112-.071.312-.016.423c.042.083.176.225.27.239c.123.017.255.047.363-.017c.04-.024.198-.16.198-.16l2.11-2.109s.163-.131.193-.193c.02-.041.035-.099.018-.142zM9.891 12.74l-2.066 2.37s-.242.249-.293.293a1.4 1.4 0 0 1-.454.282a4 4 0 0 1-.416.067l-2.91.026s-.27.018-.315.027a.67.67 0 0 0-.34.22c-.094.112-.07.37.008.494c.069.107.258.183.385.2c.042.006.246.016.246.016h3.08s.381-.039.442-.064a2.6 2.6 0 0 0 .728-.43c.087-.07.497-.484.497-.484l2.096-2.328zM3.49 7.28c.042-.006.246-.016.246-.016h3.079s.382.039.443.064c.301.127.48.228.728.43c.087.07.497.484.497.484l6.232 6.922s.194.2.238.234c.145.117.299.237.48.28c.06.015.328.025.328.025h3.295l-1.065-1.09s-.158-.199-.174-.234c-.054-.112-.07-.312-.015-.423c.042-.083.176-.226.269-.239c.124-.017.255-.047.364.017c.04.024.198.16.198.16l2.11 2.109s.162.131.192.193c.02.04.035.099.018.142c-.02.05-.17.197-.17.197l-.114.118l-1.893 1.974s-.173.17-.216.202a.63.63 0 0 1-.357.108c-.124 0-.316-.134-.393-.23c-.072-.092-.132-.268-.093-.378a1.6 1.6 0 0 1 .155-.223l1.37-1.363l-3.555-.002l-.202.01s-.502-.079-.635-.124c-.196-.067-.415-.22-.573-.353a5 5 0 0 1-.217-.232l-6.235-7.15s-.242-.248-.293-.293a1.4 1.4 0 0 0-.454-.282c-.053-.022-.416-.066-.416-.066l-2.91-.027s-.27-.018-.315-.026a.67.67 0 0 1-.34-.221c-.095-.111-.07-.37.008-.493c.069-.108.258-.184.385-.2zM12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m0 1.295A10.705 10.705 0 0 1 22.705 12A10.705 10.705 0 0 1 12 22.705A10.705 10.705 0 0 1 1.295 12A10.705 10.705 0 0 1 12 1.295"/></svg> </template>
CSS
.icon-changedetection {
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%22M20.954%207.662c-.021-.05-.172-.196-.172-.196l-.113-.119l-1.893-1.974s-.173-.169-.216-.202a.63.63%200%200%200-.357-.108c-.124%200-.316.134-.393.23c-.072.092-.132.268-.093.378a1.6%201.6%200%200%200%20.155.223l1.37%201.363l-3.555.002l-.202-.01s-.502.079-.635.124c-.196.067-.415.22-.573.353c-.047.04-.217.232-.217.232l-2.28%202.616l.72.721l2.218-2.462s.194-.199.237-.234c.145-.117.3-.236.48-.28c.06-.014.328-.025.328-.025h3.296l-1.065%201.09s-.158.2-.174.235c-.054.112-.071.312-.016.423c.042.083.176.225.27.239c.123.017.255.047.363-.017c.04-.024.198-.16.198-.16l2.11-2.109s.163-.131.193-.193c.02-.041.035-.099.018-.142zM9.891%2012.74l-2.066%202.37s-.242.249-.293.293a1.4%201.4%200%200%201-.454.282a4%204%200%200%201-.416.067l-2.91.026s-.27.018-.315.027a.67.67%200%200%200-.34.22c-.094.112-.07.37.008.494c.069.107.258.183.385.2c.042.006.246.016.246.016h3.08s.381-.039.442-.064a2.6%202.6%200%200%200%20.728-.43c.087-.07.497-.484.497-.484l2.096-2.328zM3.49%207.28c.042-.006.246-.016.246-.016h3.079s.382.039.443.064c.301.127.48.228.728.43c.087.07.497.484.497.484l6.232%206.922s.194.2.238.234c.145.117.299.237.48.28c.06.015.328.025.328.025h3.295l-1.065-1.09s-.158-.199-.174-.234c-.054-.112-.07-.312-.015-.423c.042-.083.176-.226.269-.239c.124-.017.255-.047.364.017c.04.024.198.16.198.16l2.11%202.109s.162.131.192.193c.02.04.035.099.018.142c-.02.05-.17.197-.17.197l-.114.118l-1.893%201.974s-.173.17-.216.202a.63.63%200%200%201-.357.108c-.124%200-.316-.134-.393-.23c-.072-.092-.132-.268-.093-.378a1.6%201.6%200%200%201%20.155-.223l1.37-1.363l-3.555-.002l-.202.01s-.502-.079-.635-.124c-.196-.067-.415-.22-.573-.353a5%205%200%200%201-.217-.232l-6.235-7.15s-.242-.248-.293-.293a1.4%201.4%200%200%200-.454-.282c-.053-.022-.416-.066-.416-.066l-2.91-.027s-.27-.018-.315-.026a.67.67%200%200%201-.34-.221c-.095-.111-.07-.37.008-.493c.069-.108.258-.184.385-.2zM12%200A12%2012%200%200%200%200%2012a12%2012%200%200%200%2012%2012a12%2012%200%200%200%2012-12A12%2012%200%200%200%2012%200m0%201.295A10.705%2010.705%200%200%201%2022.705%2012A10.705%2010.705%200%200%201%2012%2022.705A10.705%2010.705%200%200%201%201.295%2012A10.705%2010.705%200%200%201%2012%201.295%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%22M20.954%207.662c-.021-.05-.172-.196-.172-.196l-.113-.119l-1.893-1.974s-.173-.169-.216-.202a.63.63%200%200%200-.357-.108c-.124%200-.316.134-.393.23c-.072.092-.132.268-.093.378a1.6%201.6%200%200%200%20.155.223l1.37%201.363l-3.555.002l-.202-.01s-.502.079-.635.124c-.196.067-.415.22-.573.353c-.047.04-.217.232-.217.232l-2.28%202.616l.72.721l2.218-2.462s.194-.199.237-.234c.145-.117.3-.236.48-.28c.06-.014.328-.025.328-.025h3.296l-1.065%201.09s-.158.2-.174.235c-.054.112-.071.312-.016.423c.042.083.176.225.27.239c.123.017.255.047.363-.017c.04-.024.198-.16.198-.16l2.11-2.109s.163-.131.193-.193c.02-.041.035-.099.018-.142zM9.891%2012.74l-2.066%202.37s-.242.249-.293.293a1.4%201.4%200%200%201-.454.282a4%204%200%200%201-.416.067l-2.91.026s-.27.018-.315.027a.67.67%200%200%200-.34.22c-.094.112-.07.37.008.494c.069.107.258.183.385.2c.042.006.246.016.246.016h3.08s.381-.039.442-.064a2.6%202.6%200%200%200%20.728-.43c.087-.07.497-.484.497-.484l2.096-2.328zM3.49%207.28c.042-.006.246-.016.246-.016h3.079s.382.039.443.064c.301.127.48.228.728.43c.087.07.497.484.497.484l6.232%206.922s.194.2.238.234c.145.117.299.237.48.28c.06.015.328.025.328.025h3.295l-1.065-1.09s-.158-.199-.174-.234c-.054-.112-.07-.312-.015-.423c.042-.083.176-.226.269-.239c.124-.017.255-.047.364.017c.04.024.198.16.198.16l2.11%202.109s.162.131.192.193c.02.04.035.099.018.142c-.02.05-.17.197-.17.197l-.114.118l-1.893%201.974s-.173.17-.216.202a.63.63%200%200%201-.357.108c-.124%200-.316-.134-.393-.23c-.072-.092-.132-.268-.093-.378a1.6%201.6%200%200%201%20.155-.223l1.37-1.363l-3.555-.002l-.202.01s-.502-.079-.635-.124c-.196-.067-.415-.22-.573-.353a5%205%200%200%201-.217-.232l-6.235-7.15s-.242-.248-.293-.293a1.4%201.4%200%200%200-.454-.282c-.053-.022-.416-.066-.416-.066l-2.91-.027s-.27-.018-.315-.026a.67.67%200%200%201-.34-.221c-.095-.111-.07-.37.008-.493c.069-.108.258-.184.385-.2zM12%200A12%2012%200%200%200%200%2012a12%2012%200%200%200%2012%2012a12%2012%200%200%200%2012-12A12%2012%200%200%200%2012%200m0%201.295A10.705%2010.705%200%200%201%2022.705%2012A10.705%2010.705%200%200%201%2012%2022.705A10.705%2010.705%200%200%201%201.295%2012A10.705%2010.705%200%200%201%2012%201.295%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/changedetection.svg?color=%231a73e8&size=48
