Contact Card Settings Mirrored icon
fluent-mdl2:contact-card-settings-mirrored
The Contact Card Settings Mirrored icon (fluent-mdl2:contact-card-settings-mirrored) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- contactcard, cardsettings, settingsmirrored, contactcardsettingsmirrored, setting
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M256 896h640V768H256zM0 256v987q28-35 59-66t69-56V384h1792v1280h-903q-3 33-10 65t-18 63h1059V256zm1792 1152q0-52-14-101t-40-93t-63-80t-83-61q34-35 53-81t19-96q0-53-20-99t-55-82t-81-55t-100-20q-53 0-99 20t-82 55t-55 81t-20 100q0 50 19 96t53 81q-46 25-83 61t-63 79t-40 93t-14 102h128q0-53 20-99t55-82t81-55t100-20q53 0 99 20t82 55t55 81t20 100zm-384-640q27 0 50 10t40 27t28 41t10 50q0 27-10 50t-27 40t-41 28t-50 10q-27 0-50-10t-40-27t-28-41t-10-50q0-27 10-50t27-40t41-28t50-10M10 1488l124 51q-6 30-6 61t6 61l-124 51l49 119l124-52q35 51 86 86l-52 124l119 49l51-124q30 6 61 6t61-6l51 124l119-49l-52-124q51-35 86-86l124 52l49-119l-124-51q6-30 6-61t-6-61l124-51l-49-119l-124 52q-35-51-86-86l52-124l-119-49l-51 124q-30-6-61-6t-61 6l-51-124l-119 49l52 124q-51 35-86 86l-124-52zm438 304q-40 0-75-15t-61-41t-41-61t-15-75t15-75t41-61t61-41t75-15t75 15t61 41t41 61t15 75t-15 75t-41 61t-61 41t-75 15"/></svg>
How to use the Contact Card Settings Mirrored icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:contact-card-settings-mirrored" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:contact-card-settings-mirrored" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:contact-card-settings-mirrored" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--contact-card-settings-mirrored]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:contact-card-settings-mirrored"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:contact-card-settings-mirrored"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/contact-card-settings-mirrored.svg" alt="Contact Card Settings Mirrored icon" width="24" height="24">
Related icons in Fluent UI MDL2
Contact Card Settings Mirrored icon FAQ
Is the Contact Card Settings Mirrored icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Contact Card Settings Mirrored icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:contact-card-settings-mirrored" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Contact Card Settings Mirrored icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/contact-card-settings-mirrored.svg" alt="Contact Card Settings Mirrored icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
