ios transgender icon
ios-transgender from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-transgender
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios transgender icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M450.4 168.5c7.5 0 13.6-6.1 13.6-13.6V61.6c0-7.5-6.1-13.6-13.6-13.6h-93.3c-7.5 0-13.6 6.1-13.6 13.6s6.1 13.6 13.6 13.6H417l-75 75.4c-25.7-16.3-55.4-24.8-86-24.8-30.7 0-60.3 8.6-86 24.8l-19-19.1 28.2-28.2c5.3-5.3 5.3-13.9 0-19.2-2.6-2.6-6-4-9.6-4-3.6 0-7.1 1.4-9.6 4l-28.1 28.1-36.8-37H155c7.5 0 13.6-6.1 13.6-13.6S162.5 48 155 48H61.6C54.1 48 48 54.1 48 61.6v93.3c0 7.5 6.1 13.6 13.6 13.6s13.6-6.1 13.6-13.6V95.1l36.9 36.7-30 30c-5.3 5.3-5.3 13.9 0 19.2 2.6 2.6 6 4 9.6 4 3.6 0 7.1-1.4 9.6-4l30.1-30.1 16.5 16.4c-33.9 30.6-53.3 73.9-53.3 119.8 0 43.1 16.8 83.6 47.3 114.1 30.5 30.5 71 47.3 114.1 47.3 45.9 0 89.2-19.4 119.9-53.3l16.4 16.4-29.3 29.2c-5.3 5.3-5.3 13.9 0 19.2 2.6 2.6 6 4 9.6 4 3.6 0 7.1-1.4 9.6-4l29.3-29.3 29.3 29.3c2.6 2.6 6 4 9.6 4 3.6 0 7.1-1.4 9.6-4 5.3-5.3 5.3-13.9 0-19.2l-29.3-29.3 29.3-29.3c5.3-5.3 5.3-13.9 0-19.2-2.6-2.6-6-4-9.6-4-3.6 0-7.1 1.4-9.6 4l-29.3 29.3-19-19c16.3-25.8 24.9-55.4 24.9-86.1 0-45.9-19.3-89.2-53.3-119.8l72.7-72.2v59.9c0 7.3 6.1 13.4 13.6 13.4zm-60.3 118.6c0 35.8-14 69.5-39.3 94.8-25.3 25.3-59 39.3-94.8 39.3s-69.5-14-94.8-39.3c-25.3-25.3-39.3-59-39.3-94.8s14-69.5 39.3-94.8c25.3-25.3 59-39.3 94.8-39.3s69.5 14 94.8 39.3c25.4 25.3 39.3 59 39.3 94.8z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosTransgender(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M450.4 168.5c7.5 0 13.6-6.1 13.6-13.6V61.6c0-7.5-6.1-13.6-13.6-13.6h-93.3c-7.5 0-13.6 6.1-13.6 13.6s6.1 13.6 13.6 13.6H417l-75 75.4c-25.7-16.3-55.4-24.8-86-24.8-30.7 0-60.3 8.6-86 24.8l-19-19.1 28.2-28.2c5.3-5.3 5.3-13.9 0-19.2-2.6-2.6-6-4-9.6-4-3.6 0-7.1 1.4-9.6 4l-28.1 28.1-36.8-37H155c7.5 0 13.6-6.1 13.6-13.6S162.5 48 155 48H61.6C54.1 48 48 54.1 48 61.6v93.3c0 7.5 6.1 13.6 13.6 13.6s13.6-6.1 13.6-13.6V95.1l36.9 36.7-30 30c-5.3 5.3-5.3 13.9 0 19.2 2.6 2.6 6 4 9.6 4 3.6 0 7.1-1.4 9.6-4l30.1-30.1 16.5 16.4c-33.9 30.6-53.3 73.9-53.3 119.8 0 43.1 16.8 83.6 47.3 114.1 30.5 30.5 71 47.3 114.1 47.3 45.9 0 89.2-19.4 119.9-53.3l16.4 16.4-29.3 29.2c-5.3 5.3-5.3 13.9 0 19.2 2.6 2.6 6 4 9.6 4 3.6 0 7.1-1.4 9.6-4l29.3-29.3 29.3 29.3c2.6 2.6 6 4 9.6 4 3.6 0 7.1-1.4 9.6-4 5.3-5.3 5.3-13.9 0-19.2l-29.3-29.3 29.3-29.3c5.3-5.3 5.3-13.9 0-19.2-2.6-2.6-6-4-9.6-4-3.6 0-7.1 1.4-9.6 4l-29.3 29.3-19-19c16.3-25.8 24.9-55.4 24.9-86.1 0-45.9-19.3-89.2-53.3-119.8l72.7-72.2v59.9c0 7.3 6.1 13.4 13.6 13.4zm-60.3 118.6c0 35.8-14 69.5-39.3 94.8-25.3 25.3-59 39.3-94.8 39.3s-69.5-14-94.8-39.3c-25.3-25.3-39.3-59-39.3-94.8s14-69.5 39.3-94.8c25.3-25.3 59-39.3 94.8-39.3s69.5 14 94.8 39.3c25.4 25.3 39.3 59 39.3 94.8z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M450.4 168.5c7.5 0 13.6-6.1 13.6-13.6V61.6c0-7.5-6.1-13.6-13.6-13.6h-93.3c-7.5 0-13.6 6.1-13.6 13.6s6.1 13.6 13.6 13.6H417l-75 75.4c-25.7-16.3-55.4-24.8-86-24.8-30.7 0-60.3 8.6-86 24.8l-19-19.1 28.2-28.2c5.3-5.3 5.3-13.9 0-19.2-2.6-2.6-6-4-9.6-4-3.6 0-7.1 1.4-9.6 4l-28.1 28.1-36.8-37H155c7.5 0 13.6-6.1 13.6-13.6S162.5 48 155 48H61.6C54.1 48 48 54.1 48 61.6v93.3c0 7.5 6.1 13.6 13.6 13.6s13.6-6.1 13.6-13.6V95.1l36.9 36.7-30 30c-5.3 5.3-5.3 13.9 0 19.2 2.6 2.6 6 4 9.6 4 3.6 0 7.1-1.4 9.6-4l30.1-30.1 16.5 16.4c-33.9 30.6-53.3 73.9-53.3 119.8 0 43.1 16.8 83.6 47.3 114.1 30.5 30.5 71 47.3 114.1 47.3 45.9 0 89.2-19.4 119.9-53.3l16.4 16.4-29.3 29.2c-5.3 5.3-5.3 13.9 0 19.2 2.6 2.6 6 4 9.6 4 3.6 0 7.1-1.4 9.6-4l29.3-29.3 29.3 29.3c2.6 2.6 6 4 9.6 4 3.6 0 7.1-1.4 9.6-4 5.3-5.3 5.3-13.9 0-19.2l-29.3-29.3 29.3-29.3c5.3-5.3 5.3-13.9 0-19.2-2.6-2.6-6-4-9.6-4-3.6 0-7.1 1.4-9.6 4l-29.3 29.3-19-19c16.3-25.8 24.9-55.4 24.9-86.1 0-45.9-19.3-89.2-53.3-119.8l72.7-72.2v59.9c0 7.3 6.1 13.4 13.6 13.4zm-60.3 118.6c0 35.8-14 69.5-39.3 94.8-25.3 25.3-59 39.3-94.8 39.3s-69.5-14-94.8-39.3c-25.3-25.3-39.3-59-39.3-94.8s14-69.5 39.3-94.8c25.3-25.3 59-39.3 94.8-39.3s69.5 14 94.8 39.3c25.4 25.3 39.3 59 39.3 94.8z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-transgender {
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%20512%20512%22%3E%3Cpath%20d%3D%22M450.4%20168.5c7.5%200%2013.6-6.1%2013.6-13.6V61.6c0-7.5-6.1-13.6-13.6-13.6h-93.3c-7.5%200-13.6%206.1-13.6%2013.6s6.1%2013.6%2013.6%2013.6H417l-75%2075.4c-25.7-16.3-55.4-24.8-86-24.8-30.7%200-60.3%208.6-86%2024.8l-19-19.1%2028.2-28.2c5.3-5.3%205.3-13.9%200-19.2-2.6-2.6-6-4-9.6-4-3.6%200-7.1%201.4-9.6%204l-28.1%2028.1-36.8-37H155c7.5%200%2013.6-6.1%2013.6-13.6S162.5%2048%20155%2048H61.6C54.1%2048%2048%2054.1%2048%2061.6v93.3c0%207.5%206.1%2013.6%2013.6%2013.6s13.6-6.1%2013.6-13.6V95.1l36.9%2036.7-30%2030c-5.3%205.3-5.3%2013.9%200%2019.2%202.6%202.6%206%204%209.6%204%203.6%200%207.1-1.4%209.6-4l30.1-30.1%2016.5%2016.4c-33.9%2030.6-53.3%2073.9-53.3%20119.8%200%2043.1%2016.8%2083.6%2047.3%20114.1%2030.5%2030.5%2071%2047.3%20114.1%2047.3%2045.9%200%2089.2-19.4%20119.9-53.3l16.4%2016.4-29.3%2029.2c-5.3%205.3-5.3%2013.9%200%2019.2%202.6%202.6%206%204%209.6%204%203.6%200%207.1-1.4%209.6-4l29.3-29.3%2029.3%2029.3c2.6%202.6%206%204%209.6%204%203.6%200%207.1-1.4%209.6-4%205.3-5.3%205.3-13.9%200-19.2l-29.3-29.3%2029.3-29.3c5.3-5.3%205.3-13.9%200-19.2-2.6-2.6-6-4-9.6-4-3.6%200-7.1%201.4-9.6%204l-29.3%2029.3-19-19c16.3-25.8%2024.9-55.4%2024.9-86.1%200-45.9-19.3-89.2-53.3-119.8l72.7-72.2v59.9c0%207.3%206.1%2013.4%2013.6%2013.4zm-60.3%20118.6c0%2035.8-14%2069.5-39.3%2094.8-25.3%2025.3-59%2039.3-94.8%2039.3s-69.5-14-94.8-39.3c-25.3-25.3-39.3-59-39.3-94.8s14-69.5%2039.3-94.8c25.3-25.3%2059-39.3%2094.8-39.3s69.5%2014%2094.8%2039.3c25.4%2025.3%2039.3%2059%2039.3%2094.8z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M450.4%20168.5c7.5%200%2013.6-6.1%2013.6-13.6V61.6c0-7.5-6.1-13.6-13.6-13.6h-93.3c-7.5%200-13.6%206.1-13.6%2013.6s6.1%2013.6%2013.6%2013.6H417l-75%2075.4c-25.7-16.3-55.4-24.8-86-24.8-30.7%200-60.3%208.6-86%2024.8l-19-19.1%2028.2-28.2c5.3-5.3%205.3-13.9%200-19.2-2.6-2.6-6-4-9.6-4-3.6%200-7.1%201.4-9.6%204l-28.1%2028.1-36.8-37H155c7.5%200%2013.6-6.1%2013.6-13.6S162.5%2048%20155%2048H61.6C54.1%2048%2048%2054.1%2048%2061.6v93.3c0%207.5%206.1%2013.6%2013.6%2013.6s13.6-6.1%2013.6-13.6V95.1l36.9%2036.7-30%2030c-5.3%205.3-5.3%2013.9%200%2019.2%202.6%202.6%206%204%209.6%204%203.6%200%207.1-1.4%209.6-4l30.1-30.1%2016.5%2016.4c-33.9%2030.6-53.3%2073.9-53.3%20119.8%200%2043.1%2016.8%2083.6%2047.3%20114.1%2030.5%2030.5%2071%2047.3%20114.1%2047.3%2045.9%200%2089.2-19.4%20119.9-53.3l16.4%2016.4-29.3%2029.2c-5.3%205.3-5.3%2013.9%200%2019.2%202.6%202.6%206%204%209.6%204%203.6%200%207.1-1.4%209.6-4l29.3-29.3%2029.3%2029.3c2.6%202.6%206%204%209.6%204%203.6%200%207.1-1.4%209.6-4%205.3-5.3%205.3-13.9%200-19.2l-29.3-29.3%2029.3-29.3c5.3-5.3%205.3-13.9%200-19.2-2.6-2.6-6-4-9.6-4-3.6%200-7.1%201.4-9.6%204l-29.3%2029.3-19-19c16.3-25.8%2024.9-55.4%2024.9-86.1%200-45.9-19.3-89.2-53.3-119.8l72.7-72.2v59.9c0%207.3%206.1%2013.4%2013.6%2013.4zm-60.3%20118.6c0%2035.8-14%2069.5-39.3%2094.8-25.3%2025.3-59%2039.3-94.8%2039.3s-69.5-14-94.8-39.3c-25.3-25.3-39.3-59-39.3-94.8s14-69.5%2039.3-94.8c25.3-25.3%2059-39.3%2094.8-39.3s69.5%2014%2094.8%2039.3c25.4%2025.3%2039.3%2059%2039.3%2094.8z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-transgender.svg?color=%231a73e8&size=48
