circle swiss franc icon
circle-swiss-franc-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- circle-swiss-franc-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
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 swiss franc icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1C18.0753 1 23 5.9247 23 12C23 18.0753 18.0753 23 12 23C5.9247 23 1 18.0753 1 12C1 5.9247 5.9247 1 12 1ZM15.5 7C16.0523 7 16.5 6.5523 16.5 6C16.5 5.4477 16.0523 5 15.5 5L9.5 5C8.9477 5 8.5 5.4477 8.5 6L8.5 10L8.5 13C7.9477 13 7.5 13.4477 7.5 14C7.5 14.5523 7.9477 15 8.5 15L8.5 18C8.5 18.5523 8.9477 19 9.5 19C10.0523 19 10.5 18.5523 10.5 18L10.5 15L14 15C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13L10.5 13L10.5 11L15 11C15.5523 11 16 10.5523 16 10C16 9.4477 15.5523 9 15 9L10.5 9L10.5 7L15.5 7Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCircleSwissFrancFill(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="M12 1C18.0753 1 23 5.9247 23 12C23 18.0753 18.0753 23 12 23C5.9247 23 1 18.0753 1 12C1 5.9247 5.9247 1 12 1ZM15.5 7C16.0523 7 16.5 6.5523 16.5 6C16.5 5.4477 16.0523 5 15.5 5L9.5 5C8.9477 5 8.5 5.4477 8.5 6L8.5 10L8.5 13C7.9477 13 7.5 13.4477 7.5 14C7.5 14.5523 7.9477 15 8.5 15L8.5 18C8.5 18.5523 8.9477 19 9.5 19C10.0523 19 10.5 18.5523 10.5 18L10.5 15L14 15C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13L10.5 13L10.5 11L15 11C15.5523 11 16 10.5523 16 10C16 9.4477 15.5523 9 15 9L10.5 9L10.5 7L15.5 7Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1C18.0753 1 23 5.9247 23 12C23 18.0753 18.0753 23 12 23C5.9247 23 1 18.0753 1 12C1 5.9247 5.9247 1 12 1ZM15.5 7C16.0523 7 16.5 6.5523 16.5 6C16.5 5.4477 16.0523 5 15.5 5L9.5 5C8.9477 5 8.5 5.4477 8.5 6L8.5 10L8.5 13C7.9477 13 7.5 13.4477 7.5 14C7.5 14.5523 7.9477 15 8.5 15L8.5 18C8.5 18.5523 8.9477 19 9.5 19C10.0523 19 10.5 18.5523 10.5 18L10.5 15L14 15C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13L10.5 13L10.5 11L15 11C15.5523 11 16 10.5523 16 10C16 9.4477 15.5523 9 15 9L10.5 9L10.5 7L15.5 7Z"/></svg> </template>
CSS
.icon-circle-swiss-franc-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%20d%3D%22M12%201C18.0753%201%2023%205.9247%2023%2012C23%2018.0753%2018.0753%2023%2012%2023C5.9247%2023%201%2018.0753%201%2012C1%205.9247%205.9247%201%2012%201ZM15.5%207C16.0523%207%2016.5%206.5523%2016.5%206C16.5%205.4477%2016.0523%205%2015.5%205L9.5%205C8.9477%205%208.5%205.4477%208.5%206L8.5%2010L8.5%2013C7.9477%2013%207.5%2013.4477%207.5%2014C7.5%2014.5523%207.9477%2015%208.5%2015L8.5%2018C8.5%2018.5523%208.9477%2019%209.5%2019C10.0523%2019%2010.5%2018.5523%2010.5%2018L10.5%2015L14%2015C14.5523%2015%2015%2014.5523%2015%2014C15%2013.4477%2014.5523%2013%2014%2013L10.5%2013L10.5%2011L15%2011C15.5523%2011%2016%2010.5523%2016%2010C16%209.4477%2015.5523%209%2015%209L10.5%209L10.5%207L15.5%207Z%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%22M12%201C18.0753%201%2023%205.9247%2023%2012C23%2018.0753%2018.0753%2023%2012%2023C5.9247%2023%201%2018.0753%201%2012C1%205.9247%205.9247%201%2012%201ZM15.5%207C16.0523%207%2016.5%206.5523%2016.5%206C16.5%205.4477%2016.0523%205%2015.5%205L9.5%205C8.9477%205%208.5%205.4477%208.5%206L8.5%2010L8.5%2013C7.9477%2013%207.5%2013.4477%207.5%2014C7.5%2014.5523%207.9477%2015%208.5%2015L8.5%2018C8.5%2018.5523%208.9477%2019%209.5%2019C10.0523%2019%2010.5%2018.5523%2010.5%2018L10.5%2015L14%2015C14.5523%2015%2015%2014.5523%2015%2014C15%2013.4477%2014.5523%2013%2014%2013L10.5%2013L10.5%2011L15%2011C15.5523%2011%2016%2010.5523%2016%2010C16%209.4477%2015.5523%209%2015%209L10.5%209L10.5%207L15.5%207Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/circle-swiss-franc-fill.svg?color=%231a73e8&size=48
