circle x icon
circle-x-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- circle-x-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
circle-activitycircle-alertcircle-align-offset-bottomcircle-align-offset-leftcircle-align-offset-rightcircle-align-offset-topcircle-arrow-downcircle-arrow-down-leftcircle-arrow-down-rightcircle-arrow-leftcircle-arrow-rightcircle-arrow-u-turn-leftcircle-arrow-u-turn-rightcircle-arrow-upcircle-arrow-up-leftcircle-arrow-up-rightcircle-bar-chartcircle-bar-chart-2circle-bar-chart-2-downcircle-bar-chart-2-horizontal-endcircle-bar-chart-2-horizontal-startcircle-bar-chart-downcircle-bar-chart-horizontal-endcircle-bar-chart-horizontal-start
Use the circle x 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="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM16.0777 7.92227C15.6482 7.4927 14.9518 7.49271 14.5223 7.92227L12 10.4445L9.47773 7.92227C9.04816 7.49271 8.35184 7.49269 7.92227 7.92227C7.49271 8.35184 7.49271 9.04816 7.92227 9.47773L10.4445 12L7.92227 14.5223C7.49269 14.9518 7.49269 15.6482 7.92227 16.0777C8.35184 16.5073 9.04816 16.5073 9.47773 16.0777L12 13.5555L14.5223 16.0777C14.9518 16.5073 15.6482 16.5073 16.0777 16.0777C16.5073 15.6482 16.5073 14.9518 16.0777 14.5223L13.5555 12L16.0777 9.47773C16.5073 9.04816 16.5073 8.35184 16.0777 7.92227Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCircleXFill(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="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM16.0777 7.92227C15.6482 7.4927 14.9518 7.49271 14.5223 7.92227L12 10.4445L9.47773 7.92227C9.04816 7.49271 8.35184 7.49269 7.92227 7.92227C7.49271 8.35184 7.49271 9.04816 7.92227 9.47773L10.4445 12L7.92227 14.5223C7.49269 14.9518 7.49269 15.6482 7.92227 16.0777C8.35184 16.5073 9.04816 16.5073 9.47773 16.0777L12 13.5555L14.5223 16.0777C14.9518 16.5073 15.6482 16.5073 16.0777 16.0777C16.5073 15.6482 16.5073 14.9518 16.0777 14.5223L13.5555 12L16.0777 9.47773C16.5073 9.04816 16.5073 8.35184 16.0777 7.92227Z" 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="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM16.0777 7.92227C15.6482 7.4927 14.9518 7.49271 14.5223 7.92227L12 10.4445L9.47773 7.92227C9.04816 7.49271 8.35184 7.49269 7.92227 7.92227C7.49271 8.35184 7.49271 9.04816 7.92227 9.47773L10.4445 12L7.92227 14.5223C7.49269 14.9518 7.49269 15.6482 7.92227 16.0777C8.35184 16.5073 9.04816 16.5073 9.47773 16.0777L12 13.5555L14.5223 16.0777C14.9518 16.5073 15.6482 16.5073 16.0777 16.0777C16.5073 15.6482 16.5073 14.9518 16.0777 14.5223L13.5555 12L16.0777 9.47773C16.5073 9.04816 16.5073 8.35184 16.0777 7.92227Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-circle-x-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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201C18.0751%201%2023%205.92487%2023%2012C23%2018.0751%2018.0751%2023%2012%2023C5.92487%2023%201%2018.0751%201%2012C1%205.92487%205.92487%201%2012%201ZM16.0777%207.92227C15.6482%207.4927%2014.9518%207.49271%2014.5223%207.92227L12%2010.4445L9.47773%207.92227C9.04816%207.49271%208.35184%207.49269%207.92227%207.92227C7.49271%208.35184%207.49271%209.04816%207.92227%209.47773L10.4445%2012L7.92227%2014.5223C7.49269%2014.9518%207.49269%2015.6482%207.92227%2016.0777C8.35184%2016.5073%209.04816%2016.5073%209.47773%2016.0777L12%2013.5555L14.5223%2016.0777C14.9518%2016.5073%2015.6482%2016.5073%2016.0777%2016.0777C16.5073%2015.6482%2016.5073%2014.9518%2016.0777%2014.5223L13.5555%2012L16.0777%209.47773C16.5073%209.04816%2016.5073%208.35184%2016.0777%207.92227Z%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%22M12%201C18.0751%201%2023%205.92487%2023%2012C23%2018.0751%2018.0751%2023%2012%2023C5.92487%2023%201%2018.0751%201%2012C1%205.92487%205.92487%201%2012%201ZM16.0777%207.92227C15.6482%207.4927%2014.9518%207.49271%2014.5223%207.92227L12%2010.4445L9.47773%207.92227C9.04816%207.49271%208.35184%207.49269%207.92227%207.92227C7.49271%208.35184%207.49271%209.04816%207.92227%209.47773L10.4445%2012L7.92227%2014.5223C7.49269%2014.9518%207.49269%2015.6482%207.92227%2016.0777C8.35184%2016.5073%209.04816%2016.5073%209.47773%2016.0777L12%2013.5555L14.5223%2016.0777C14.9518%2016.5073%2015.6482%2016.5073%2016.0777%2016.0777C16.5073%2015.6482%2016.5073%2014.9518%2016.0777%2014.5223L13.5555%2012L16.0777%209.47773C16.5073%209.04816%2016.5073%208.35184%2016.0777%207.92227Z%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/keyline-icons/circle-x-fill.svg?color=%231a73e8&size=48
