ios game controller b icon
ios-game-controller-b-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-game-controller-b-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
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 game controller b icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M308.076 203.929c-11.058 0-20.076 9.014-20.076 20.104 0 11.089 9.019 20.107 20.076 20.107 11.131 0 20.148-9.019 20.148-20.107.001-11.091-9.017-20.104-20.148-20.104z" fill="currentColor"/><path d="M351.988 247.878c-11.058 0-20.053 8.949-20.053 20.106 0 11.064 8.995 20.016 20.053 20.016 11.146 0 20.148-8.951 20.148-20.016.001-11.157-9.002-20.106-20.148-20.106z" fill="currentColor"/><path d="M135.234 184.367C113.594 184.367 96 202.17 96 224.01c0 21.865 17.594 39.623 39.234 39.623 21.655 0 39.249-17.758 39.249-39.623 0-21.84-17.593-39.643-39.249-39.643zm-.111 59.09c-10.688 0-19.343-8.721-19.343-19.447 0-10.725 8.655-19.441 19.343-19.441 10.641 0 19.297 8.717 19.297 19.441 0 10.726-8.656 19.447-19.297 19.447z" fill="currentColor"/><path d="M351.988 160c-11.058 0-20.053 9.014-20.053 20.107 0 11.09 8.995 20.083 20.053 20.083 11.146 0 20.148-8.993 20.148-20.083.001-11.093-9.002-20.107-20.148-20.107z" fill="currentColor"/><path d="M395.947 203.929c-11.105 0-20.101 9.014-20.101 20.104 0 11.089 8.995 20.107 20.101 20.107 11.059 0 20.053-9.019 20.053-20.107 0-11.091-8.994-20.104-20.053-20.104z" fill="currentColor"/><path d="M466.279 248.866c-21.157-88.471-43.631-135.489-88.454-148.83C368.06 97.135 359.748 96 352.076 96c-27.598 0-46.938 14.683-96.08 14.683-49.174 0-68.502-14.681-96.062-14.683-7.665 0-15.963 1.135-25.721 4.036-44.869 13.341-67.342 60.359-88.461 148.83-21.181 88.473-17.334 152.363 7.679 164.289C57.502 415.1 61.662 416 65.885 416c21.694 0 45.139-23.838 67.659-52.047C159.198 331.848 165.658 331 243.822 331h24.343c78.147 0 84.628.846 110.282 32.953 22.526 28.207 45.97 52.004 67.665 52.004 4.226 0 8.384-.879 12.457-2.823 25.005-11.926 28.852-75.795 7.71-164.268zm-14.602 149.85c-1.835.876-3.604 1.284-5.564 1.284-6.022 0-14.077-4.049-23.295-11.708-9.181-7.63-19.307-18.509-31.87-34.239-12.959-16.22-23.667-28.229-43.528-33.949-16.647-4.793-38.624-5.104-79.254-5.104h-24.343c-40.633 0-62.611.311-79.259 5.105-19.853 5.719-30.56 17.685-43.523 33.908-12.556 15.727-22.68 26.627-31.862 34.258-9.216 7.658-17.27 11.718-23.293 11.718-1.932 0-3.751-.415-5.568-1.282-9.556-4.557-22.572-47.673.998-146.129 21.387-89.591 42.381-126.777 77.459-137.207 7.633-2.27 14.554-3.372 21.159-3.372 9.742 0 18.599 2.317 29.812 5.249 16.07 4.203 36.072 9.435 66.252 9.435 30.148 0 50.146-5.228 66.215-9.429 11.229-2.936 20.1-5.254 29.865-5.254 6.618 0 13.551 1.104 21.185 3.371 35.037 10.428 56.03 47.617 77.456 137.214 23.525 98.456 10.511 141.575.958 146.131z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosGameControllerBOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M308.076 203.929c-11.058 0-20.076 9.014-20.076 20.104 0 11.089 9.019 20.107 20.076 20.107 11.131 0 20.148-9.019 20.148-20.107.001-11.091-9.017-20.104-20.148-20.104z" fill="currentColor"/><path d="M351.988 247.878c-11.058 0-20.053 8.949-20.053 20.106 0 11.064 8.995 20.016 20.053 20.016 11.146 0 20.148-8.951 20.148-20.016.001-11.157-9.002-20.106-20.148-20.106z" fill="currentColor"/><path d="M135.234 184.367C113.594 184.367 96 202.17 96 224.01c0 21.865 17.594 39.623 39.234 39.623 21.655 0 39.249-17.758 39.249-39.623 0-21.84-17.593-39.643-39.249-39.643zm-.111 59.09c-10.688 0-19.343-8.721-19.343-19.447 0-10.725 8.655-19.441 19.343-19.441 10.641 0 19.297 8.717 19.297 19.441 0 10.726-8.656 19.447-19.297 19.447z" fill="currentColor"/><path d="M351.988 160c-11.058 0-20.053 9.014-20.053 20.107 0 11.09 8.995 20.083 20.053 20.083 11.146 0 20.148-8.993 20.148-20.083.001-11.093-9.002-20.107-20.148-20.107z" fill="currentColor"/><path d="M395.947 203.929c-11.105 0-20.101 9.014-20.101 20.104 0 11.089 8.995 20.107 20.101 20.107 11.059 0 20.053-9.019 20.053-20.107 0-11.091-8.994-20.104-20.053-20.104z" fill="currentColor"/><path d="M466.279 248.866c-21.157-88.471-43.631-135.489-88.454-148.83C368.06 97.135 359.748 96 352.076 96c-27.598 0-46.938 14.683-96.08 14.683-49.174 0-68.502-14.681-96.062-14.683-7.665 0-15.963 1.135-25.721 4.036-44.869 13.341-67.342 60.359-88.461 148.83-21.181 88.473-17.334 152.363 7.679 164.289C57.502 415.1 61.662 416 65.885 416c21.694 0 45.139-23.838 67.659-52.047C159.198 331.848 165.658 331 243.822 331h24.343c78.147 0 84.628.846 110.282 32.953 22.526 28.207 45.97 52.004 67.665 52.004 4.226 0 8.384-.879 12.457-2.823 25.005-11.926 28.852-75.795 7.71-164.268zm-14.602 149.85c-1.835.876-3.604 1.284-5.564 1.284-6.022 0-14.077-4.049-23.295-11.708-9.181-7.63-19.307-18.509-31.87-34.239-12.959-16.22-23.667-28.229-43.528-33.949-16.647-4.793-38.624-5.104-79.254-5.104h-24.343c-40.633 0-62.611.311-79.259 5.105-19.853 5.719-30.56 17.685-43.523 33.908-12.556 15.727-22.68 26.627-31.862 34.258-9.216 7.658-17.27 11.718-23.293 11.718-1.932 0-3.751-.415-5.568-1.282-9.556-4.557-22.572-47.673.998-146.129 21.387-89.591 42.381-126.777 77.459-137.207 7.633-2.27 14.554-3.372 21.159-3.372 9.742 0 18.599 2.317 29.812 5.249 16.07 4.203 36.072 9.435 66.252 9.435 30.148 0 50.146-5.228 66.215-9.429 11.229-2.936 20.1-5.254 29.865-5.254 6.618 0 13.551 1.104 21.185 3.371 35.037 10.428 56.03 47.617 77.456 137.214 23.525 98.456 10.511 141.575.958 146.131z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M308.076 203.929c-11.058 0-20.076 9.014-20.076 20.104 0 11.089 9.019 20.107 20.076 20.107 11.131 0 20.148-9.019 20.148-20.107.001-11.091-9.017-20.104-20.148-20.104z" fill="currentColor"/><path d="M351.988 247.878c-11.058 0-20.053 8.949-20.053 20.106 0 11.064 8.995 20.016 20.053 20.016 11.146 0 20.148-8.951 20.148-20.016.001-11.157-9.002-20.106-20.148-20.106z" fill="currentColor"/><path d="M135.234 184.367C113.594 184.367 96 202.17 96 224.01c0 21.865 17.594 39.623 39.234 39.623 21.655 0 39.249-17.758 39.249-39.623 0-21.84-17.593-39.643-39.249-39.643zm-.111 59.09c-10.688 0-19.343-8.721-19.343-19.447 0-10.725 8.655-19.441 19.343-19.441 10.641 0 19.297 8.717 19.297 19.441 0 10.726-8.656 19.447-19.297 19.447z" fill="currentColor"/><path d="M351.988 160c-11.058 0-20.053 9.014-20.053 20.107 0 11.09 8.995 20.083 20.053 20.083 11.146 0 20.148-8.993 20.148-20.083.001-11.093-9.002-20.107-20.148-20.107z" fill="currentColor"/><path d="M395.947 203.929c-11.105 0-20.101 9.014-20.101 20.104 0 11.089 8.995 20.107 20.101 20.107 11.059 0 20.053-9.019 20.053-20.107 0-11.091-8.994-20.104-20.053-20.104z" fill="currentColor"/><path d="M466.279 248.866c-21.157-88.471-43.631-135.489-88.454-148.83C368.06 97.135 359.748 96 352.076 96c-27.598 0-46.938 14.683-96.08 14.683-49.174 0-68.502-14.681-96.062-14.683-7.665 0-15.963 1.135-25.721 4.036-44.869 13.341-67.342 60.359-88.461 148.83-21.181 88.473-17.334 152.363 7.679 164.289C57.502 415.1 61.662 416 65.885 416c21.694 0 45.139-23.838 67.659-52.047C159.198 331.848 165.658 331 243.822 331h24.343c78.147 0 84.628.846 110.282 32.953 22.526 28.207 45.97 52.004 67.665 52.004 4.226 0 8.384-.879 12.457-2.823 25.005-11.926 28.852-75.795 7.71-164.268zm-14.602 149.85c-1.835.876-3.604 1.284-5.564 1.284-6.022 0-14.077-4.049-23.295-11.708-9.181-7.63-19.307-18.509-31.87-34.239-12.959-16.22-23.667-28.229-43.528-33.949-16.647-4.793-38.624-5.104-79.254-5.104h-24.343c-40.633 0-62.611.311-79.259 5.105-19.853 5.719-30.56 17.685-43.523 33.908-12.556 15.727-22.68 26.627-31.862 34.258-9.216 7.658-17.27 11.718-23.293 11.718-1.932 0-3.751-.415-5.568-1.282-9.556-4.557-22.572-47.673.998-146.129 21.387-89.591 42.381-126.777 77.459-137.207 7.633-2.27 14.554-3.372 21.159-3.372 9.742 0 18.599 2.317 29.812 5.249 16.07 4.203 36.072 9.435 66.252 9.435 30.148 0 50.146-5.228 66.215-9.429 11.229-2.936 20.1-5.254 29.865-5.254 6.618 0 13.551 1.104 21.185 3.371 35.037 10.428 56.03 47.617 77.456 137.214 23.525 98.456 10.511 141.575.958 146.131z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-game-controller-b-outline {
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%22M308.076%20203.929c-11.058%200-20.076%209.014-20.076%2020.104%200%2011.089%209.019%2020.107%2020.076%2020.107%2011.131%200%2020.148-9.019%2020.148-20.107.001-11.091-9.017-20.104-20.148-20.104z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M351.988%20247.878c-11.058%200-20.053%208.949-20.053%2020.106%200%2011.064%208.995%2020.016%2020.053%2020.016%2011.146%200%2020.148-8.951%2020.148-20.016.001-11.157-9.002-20.106-20.148-20.106z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M135.234%20184.367C113.594%20184.367%2096%20202.17%2096%20224.01c0%2021.865%2017.594%2039.623%2039.234%2039.623%2021.655%200%2039.249-17.758%2039.249-39.623%200-21.84-17.593-39.643-39.249-39.643zm-.111%2059.09c-10.688%200-19.343-8.721-19.343-19.447%200-10.725%208.655-19.441%2019.343-19.441%2010.641%200%2019.297%208.717%2019.297%2019.441%200%2010.726-8.656%2019.447-19.297%2019.447z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M351.988%20160c-11.058%200-20.053%209.014-20.053%2020.107%200%2011.09%208.995%2020.083%2020.053%2020.083%2011.146%200%2020.148-8.993%2020.148-20.083.001-11.093-9.002-20.107-20.148-20.107z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M395.947%20203.929c-11.105%200-20.101%209.014-20.101%2020.104%200%2011.089%208.995%2020.107%2020.101%2020.107%2011.059%200%2020.053-9.019%2020.053-20.107%200-11.091-8.994-20.104-20.053-20.104z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M466.279%20248.866c-21.157-88.471-43.631-135.489-88.454-148.83C368.06%2097.135%20359.748%2096%20352.076%2096c-27.598%200-46.938%2014.683-96.08%2014.683-49.174%200-68.502-14.681-96.062-14.683-7.665%200-15.963%201.135-25.721%204.036-44.869%2013.341-67.342%2060.359-88.461%20148.83-21.181%2088.473-17.334%20152.363%207.679%20164.289C57.502%20415.1%2061.662%20416%2065.885%20416c21.694%200%2045.139-23.838%2067.659-52.047C159.198%20331.848%20165.658%20331%20243.822%20331h24.343c78.147%200%2084.628.846%20110.282%2032.953%2022.526%2028.207%2045.97%2052.004%2067.665%2052.004%204.226%200%208.384-.879%2012.457-2.823%2025.005-11.926%2028.852-75.795%207.71-164.268zm-14.602%20149.85c-1.835.876-3.604%201.284-5.564%201.284-6.022%200-14.077-4.049-23.295-11.708-9.181-7.63-19.307-18.509-31.87-34.239-12.959-16.22-23.667-28.229-43.528-33.949-16.647-4.793-38.624-5.104-79.254-5.104h-24.343c-40.633%200-62.611.311-79.259%205.105-19.853%205.719-30.56%2017.685-43.523%2033.908-12.556%2015.727-22.68%2026.627-31.862%2034.258-9.216%207.658-17.27%2011.718-23.293%2011.718-1.932%200-3.751-.415-5.568-1.282-9.556-4.557-22.572-47.673.998-146.129%2021.387-89.591%2042.381-126.777%2077.459-137.207%207.633-2.27%2014.554-3.372%2021.159-3.372%209.742%200%2018.599%202.317%2029.812%205.249%2016.07%204.203%2036.072%209.435%2066.252%209.435%2030.148%200%2050.146-5.228%2066.215-9.429%2011.229-2.936%2020.1-5.254%2029.865-5.254%206.618%200%2013.551%201.104%2021.185%203.371%2035.037%2010.428%2056.03%2047.617%2077.456%20137.214%2023.525%2098.456%2010.511%20141.575.958%20146.131z%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%22M308.076%20203.929c-11.058%200-20.076%209.014-20.076%2020.104%200%2011.089%209.019%2020.107%2020.076%2020.107%2011.131%200%2020.148-9.019%2020.148-20.107.001-11.091-9.017-20.104-20.148-20.104z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M351.988%20247.878c-11.058%200-20.053%208.949-20.053%2020.106%200%2011.064%208.995%2020.016%2020.053%2020.016%2011.146%200%2020.148-8.951%2020.148-20.016.001-11.157-9.002-20.106-20.148-20.106z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M135.234%20184.367C113.594%20184.367%2096%20202.17%2096%20224.01c0%2021.865%2017.594%2039.623%2039.234%2039.623%2021.655%200%2039.249-17.758%2039.249-39.623%200-21.84-17.593-39.643-39.249-39.643zm-.111%2059.09c-10.688%200-19.343-8.721-19.343-19.447%200-10.725%208.655-19.441%2019.343-19.441%2010.641%200%2019.297%208.717%2019.297%2019.441%200%2010.726-8.656%2019.447-19.297%2019.447z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M351.988%20160c-11.058%200-20.053%209.014-20.053%2020.107%200%2011.09%208.995%2020.083%2020.053%2020.083%2011.146%200%2020.148-8.993%2020.148-20.083.001-11.093-9.002-20.107-20.148-20.107z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M395.947%20203.929c-11.105%200-20.101%209.014-20.101%2020.104%200%2011.089%208.995%2020.107%2020.101%2020.107%2011.059%200%2020.053-9.019%2020.053-20.107%200-11.091-8.994-20.104-20.053-20.104z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M466.279%20248.866c-21.157-88.471-43.631-135.489-88.454-148.83C368.06%2097.135%20359.748%2096%20352.076%2096c-27.598%200-46.938%2014.683-96.08%2014.683-49.174%200-68.502-14.681-96.062-14.683-7.665%200-15.963%201.135-25.721%204.036-44.869%2013.341-67.342%2060.359-88.461%20148.83-21.181%2088.473-17.334%20152.363%207.679%20164.289C57.502%20415.1%2061.662%20416%2065.885%20416c21.694%200%2045.139-23.838%2067.659-52.047C159.198%20331.848%20165.658%20331%20243.822%20331h24.343c78.147%200%2084.628.846%20110.282%2032.953%2022.526%2028.207%2045.97%2052.004%2067.665%2052.004%204.226%200%208.384-.879%2012.457-2.823%2025.005-11.926%2028.852-75.795%207.71-164.268zm-14.602%20149.85c-1.835.876-3.604%201.284-5.564%201.284-6.022%200-14.077-4.049-23.295-11.708-9.181-7.63-19.307-18.509-31.87-34.239-12.959-16.22-23.667-28.229-43.528-33.949-16.647-4.793-38.624-5.104-79.254-5.104h-24.343c-40.633%200-62.611.311-79.259%205.105-19.853%205.719-30.56%2017.685-43.523%2033.908-12.556%2015.727-22.68%2026.627-31.862%2034.258-9.216%207.658-17.27%2011.718-23.293%2011.718-1.932%200-3.751-.415-5.568-1.282-9.556-4.557-22.572-47.673.998-146.129%2021.387-89.591%2042.381-126.777%2077.459-137.207%207.633-2.27%2014.554-3.372%2021.159-3.372%209.742%200%2018.599%202.317%2029.812%205.249%2016.07%204.203%2036.072%209.435%2066.252%209.435%2030.148%200%2050.146-5.228%2066.215-9.429%2011.229-2.936%2020.1-5.254%2029.865-5.254%206.618%200%2013.551%201.104%2021.185%203.371%2035.037%2010.428%2056.03%2047.617%2077.456%20137.214%2023.525%2098.456%2010.511%20141.575.958%20146.131z%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-game-controller-b-outline.svg?color=%231a73e8&size=48
